css设置带boarder的百分比布局
2018-03-09 15:42
197 查看
设置CSS的box-sizing属性值为“border-box”,这样就会把borders和padding全都包含在定义的宽高里面。这就意味着一个带有2px边框的200px的div仍然宽度是200px!!div{ width: 16%; margin: 2% 2%; float: left; background:#03a8d2; border: 2px solid black; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
相关文章推荐
- CSS布局与定位——height百分比设置无效/背景色不显示
- 浅谈CSS满屏品字布局中div设置height为百分比无效的问题
- CSS布局与定位——height百分比设置无效/背景色不显示
- CSS自适应网站布局媒体查询如何设置断点
- 用于设置文本过长 撑破css布局:
- div+css页面布局-CSS设置
- DIV+CSS 布局一行两列,左列固定宽度,右列自适应宽度;设置最小宽度,窗口小的时候显示滚动条.
- 精通CSS.DIV网页样式与布局(五) ——设置表格与表单样式
- HTML-移动端如何使用css让百分比布局的弹窗水平和垂直方向上居中
- android百分比库扩展,支持布局宽高比及子控件宽高比设置,支持布局圆角、圆形及描边,屏幕适配好帮手
- css设置多列等高布局
- CSS中width的百分比设置
- div+css布局问题:设置浮动后的div高度变化后不超出最外层div
- div+css 布局 线条设置其中一种方法
- css文本布局的设置
- CSS百分比布局
- Css表格布局的百分比
- css设置宽高百分比及div盒子高度百分比减像素的方法
- CSS图片宽度设置百分比 , 高度同宽度相同
- MVC在母版页设置子页面的css和js引用布局