码迷,mamicode.com
首页 > 其他好文 > 详细

盒模型

时间:2014-10-30 22:25:55      阅读:213      评论:0      收藏:0      [点我收藏+]

标签:blog   http   ar   sp   2014   log   bs   amp   tt   

 

bubuko.com,布布扣

 

width和height是指内容区域的宽度和高度,增加内边距、边框和外边距不影响内容区域。

bubuko.com,布布扣

 

IE的盒模型

IE6的width属性是内容、内边距、边框的宽度总和

 

外边距叠加

当两个垂直外边距相遇时,它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。

只有普通文档流中块框的垂直外边距才会发生外边距合并。行内框、浮动框或绝对定位之间的外边距不会合并。

bubuko.com,布布扣

 

当一个元素包含在另一个元素中时(假设没有内边距或边框把外边距分隔开),它们的上和/或下外边距也会发生合并。

bubuko.com,布布扣

 

假设有一个空元素,它有外边距,但是没有边框或填充。在这种情况下,上外边距与下外边距就碰到了一起,它们会发生合并:

bubuko.com,布布扣

 

如果这个外边距遇到另一个元素的外边距,它还会发生合并:

bubuko.com,布布扣

 

bubuko.com,布布扣

 

盒模型

标签:blog   http   ar   sp   2014   log   bs   amp   tt   

原文地址:http://www.cnblogs.com/surahe/p/4063632.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!