设置父盒子 box sizing:border box 属性，这时盒子内容区就不受边框影响，始终为100px 200px 但是，父盒子还是放不下 为什么会出现这种情况呢，因为两个子盒子之间有一个空白文本节点， inline 和 inline block 是内联布局，既然是内联那么就会受空白区域的影响 ...
分类：
其他好文 时间：
2018-01-26 20:47:46
阅读次数：
163
一、css3背景切割： background-clip:border-box|padding-box|content-box; 作用： 用来设置背景的可见区域 a) border-box 默认值，背景在边框及边框以内的区域可见 b) padding-box 背景在padding及padding以内的 ...
分类：
Web程序 时间：
2018-01-12 01:35:56
阅读次数：
182
margin是盒模型的外边距，padding是盒模型的内边距； 用margin时，最好给父级元素加上overflow：hidden；（溢出隐藏） 用padding时，最好给自身加上box-sizing：border-box；（固定边框） margin的bug： 1. IE6中浮动元素3px间隔Bug ...
分类：
其他好文 时间：
2018-01-03 22:44:27
阅读次数：
230
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, ...
分类：
移动开发 时间：
2017-12-22 18:33:09
阅读次数：
196
背景大小 背景裁剪 backgrond-clip：1、border-box 2、padding-box(默认padding) 3、content-box 多背景图片 ...
分类：
Web程序 时间：
2017-12-19 12:27:08
阅读次数：
190
1，padding与元素的尺寸， 1),对于block水平元素， 1，padding值暴走，一定会影响尺寸， 2，width非auto,padding影响尺寸， 3，width为auto或box-sizing为border-box，同时padding值没有暴走，不影响尺寸。 2),对于in-line ...
分类：
其他好文 时间：
2017-12-09 12:00:30
阅读次数：
194
1. 标准盒模型： 因为 ，所以，同样宽度的内容因为 和`padding box sizing：border box content_box_width = width` 。 2. 弹性盒模型： 弹性布局相比传统的块布局要简洁很多，但是实现原理差别挺大的。首先，要想进行弹性布局，要设置 ，确定弹性容 ...
分类：
其他好文 时间：
2017-12-05 13:29:38
阅读次数：
79
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, ...
分类：
移动开发 时间：
2017-11-30 13:27:07
阅读次数：
190
box-sizng:border-box; border:0/none; font-size:0; letter-spacing:0; 从这篇文章里知道的 张鑫旭-鑫空间-鑫生活[http://www.zhangxinxu.com]本文地址：http://www.zhangxinxu.com/wor ...
分类：
其他好文 时间：
2017-11-11 13:01:47
阅读次数：
198
*{ -webkit-box-sizing:border-box; /* 设置盒模型为内减模式 */ -moz-box-sizing:border-box; box-sizing:border-box;}html{ font-family:"microsoft yahei",Helvetica,Ar ...
分类：
Web程序 时间：
2017-11-07 13:20:35
阅读次数：
199
