不做过多解释:主要是记录一个完整的布局样式,实现页面大致三列其中左右两列是自适应宽度,中间固定宽度效果。
不多少代码奉上:
/******************** *公共标签样式 ********************/ /********************* *main 外边框自适应区域 ***********************/ .main { width: 100%; min-width: 1100px; padding-bottom: 30px; box-sizing: border-box; background-color: #FFF; border-radius: 6px; box-shadow: 0px 4px 6px 0px rgba; /*title 标题 */ .main-title { height: 36px; line-height: 36px; text-align: center; font-size: 1em; font-weight: bold; color: #263135; background-color: #d1d6da; border-top-left-radius: 6px; border-top-right-radius: 6px; /********************* *头部文号区:70px ***********************/ .content_title { width: 100%; margin: 0 auto; text-align: center; height: 30px; padding-top: 20px; padding-bottom: 20px; line-height: 30px; /********************** *区域块设置 **********************/ .area { height:500px; .area_left { float: left; width: calc; height: 100%; background-color: bisque; .area_center { float: left; width: 150px; height: 100%; background-color: black; .area_right { float: left; width: calc; height: 100%; background-color: bisque; /************************** *footer底部区域 ***************************/ .footer { margin: 40px 0; /* 提交 */ .submit { height: 40px; /* 提交按钮*/ .submit-btn { height: 40px; width: 200px; display: block; margin: 0 auto; border-radius: 5px; color: #fff; text-decoration: none; text-align: center; line-height: 40px; font-size: 1.1em; background-color: #1bbc9b; cursor: pointer; /******************** *公共标签默认属性设置 ********************/ body { margin: 0; font-size: 15px; padding: 20px 20px 0 20px; margin-bottom: 0 !important; background-color: #f0f0f0; input { border: none; }
@{ Layout = null; !DOCTYPE html html head meta http-equiv="x-ua-compatible" content="IE=9" / title 三列布局 /title !--页面样式-- link href="~/Content/css/StyleTemplate/Index.css" rel="stylesheet" / !--当前页面的逻辑 -- /head body !-- 主要区域 -- div !-- 主要区域 标题 -- div /div div div div span 名称/文号: /span input value="发文文号001" / /div /div div div 左边 /div div 中间 /div div 右边 /div /div /div /div !--footer 底部区域 -- div div !-- 提交 按钮 -- 流程转交 /div /div /body /html
最终效果展示:
利用天正软件快速统计cad图纸中通风风管的数量,告别传统方法拿标注一段一段尺量,或者打印出来后拿尺子量的方法。1、用天正暖通软件打开需要统计材料数量的风管...
2019-08-15 来源: 浏览:12 次
目前,中兴A2S只有3GB+32GB一个版本可选,售价699元;魅蓝6则提供2GB+16GB和3GB+32GB,售价分别是699元和899元。显然,699元的中.........
2019-08-15 来源: 浏览:77 次
一个圆形的logo很常见,在制作的时候往往出现一些小的问题。今天我们就来学习一下吧1、首先打开cdr软件,画一个圆形。一定记得按住ctrl键哦!不然会不是一个正.........
2019-08-15 来源: 浏览:88 次
https使用的是对称加密和非对称加密结合的方式来进行的,步骤如下:1、首先是ssl握手阶段,客户端发送一个携带ssl版本等信息的数据到服务端,2、服务端收到改.........
2019-08-15 来源: 浏览:17 次