CSS中， Box Model叫盒子模型（或框模型），Box Model规定了元素框处理元素内容（element content）、内边距（padding）、边框（border） 和 外边距（margin） 的方式。在HTML文档中，每个元素（element）都有盒子模型，所以说在Web世界里（特别 ...
分类：
Web程序 时间：
2016-04-24 14:03:48
阅读次数：
153
CSS框模型，浮动，定位以及其他属性 1、CSS 框模型 (Box Model) 规定了元素框处理元素内容、内边距、边框 和 外边距 的方式 element : 元素。 padding : 内边距，也有资料将其翻译为填充。 border : 边框。 margin : 外边距，也有资料将其翻译为空白或 ...
分类：
Web程序 时间：
2016-04-24 13:56:38
阅读次数：
186
CSS框模型，浮动，定位以及其他属性 1、CSS 框模型 (Box Model) 规定了元素框处理元素内容、内边距、边框 和 外边距 的方式 element : 元素。 padding : 内边距，也有资料将其翻译为填充。 border : 边框。 margin : 外边距，也有资料将其翻译为空白或 ...
分类：
Web程序 时间：
2016-04-23 14:54:21
阅读次数：
241
最近测试给了我一大堆BUG，一瞅发现全是IE11的。吐槽一下这个浏览器真的比较特立独行。很多默认的样式跟别的浏览器不同，而且最明显的一点应该是padding左右内边距往往比别的浏览器大了一倍。但是当需要修改的时候又头疼了。如果改变原有的padding值，那么在IE11生效了。别的浏览器又有问题了。于 ...
分类：
其他好文 时间：
2016-04-19 13:45:10
阅读次数：
142
盒子模型的学习。 css盒子模型 在网页设计中常听的属性名：内容(content)、填充/内边距(padding)、边框(border)、外边距(margin)， CSS盒子模式都具备这些属性。这些属性我们可以把它转移到我们日常生活中的盒子（箱子）上来理解，日常生活中所见的盒子也就是能装东西的一种箱 ...
分类：
其他好文 时间：
2016-04-17 17:38:51
阅读次数：
121
上一篇我提到每一个元素都有自己的display属性，其属性值可以改变。其改变的方式，可以利用神奇的css盒模型（BFC）。 盒模型，是css可视化格式化系统的基础，可以用于元素定位和网页布局。一个盒模型是一个box，包括内容（content），padding（内边距），border（边框），marg ...
分类：
其他好文 时间：
2016-04-17 12:56:23
阅读次数：
132
1.div布局在ie浏览器和chrome浏览器，firefox浏览器不同，不如在div里面嵌套3个div，分别左中右，左边div的pading和margin在ie8以上都是几乎相同，ie8以下做内边距x2，在中间的div在chrome和fierfox中默认在左边div的右边，而ie缺不是，解决这个问 ...
分类：
Web程序 时间：
2016-04-17 11:43:20
阅读次数：
208
外边距重叠是指，若两个元素上下毗邻且都定义了不为0的外边距值，同时又没有任何内边距、边框等设定，那么这两个元素之间的距离将小于二者外边距的和。因此，两个都带有20px外边距的元素垂直相接并不会显示出40px的缝隙——两个外边距会重叠在一起，最终元素之间的距离只有20px。 另外，重叠效果将同时作用于 ...
分类：
其他好文 时间：
2016-04-13 18:39:25
阅读次数：
118
通过设置全局布局中的box-sizing属性为border-box，这样可以让div的内边距和边框都不会增加它的宽度。 box-sizing是相对新的属性，因此要支持其他浏览器的版本要进行-webkit和-moz的配置。 ...
分类：
Web程序 时间：
2016-04-12 19:21:02
阅读次数：
208
webkit浏览器中缩放低于100%浮动布局错乱? 如:1200宽度:内容宽度(400-20-2)*3个+内边距宽度0+边框宽度1px*2边+外边距宽度10px*2边 问题所在:在-webket内核中出现的情况,在ie中并没有这种情况,由于边框的宽度在缩放中都是1px,低于100%进行缩小的时候第三 ...
分类：
Web程序 时间：
2016-04-11 13:59:25
阅读次数：
127
