详细内容请点击 这个问题困惑了很久，虽然没有大碍早就摸出来怎么搞定它，但始终不明白原因出在哪里，如果只是IE有问题我也不会太在意，可问题是所有上等浏览器都表现如此，这样叫我怎能安心？今天总算下狠心查出来怎么回事，居然是CSS2.1盒模型规范……虽然很别扭，非常别扭的规定。 　　问题 ...

盒子模型　　 1 绝大多数标签都可以看作盒子，可以设置宽高或设置内容；在CSS中，"box model"这一术语是用来设计和布局时使用。 　　CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。 　　盒模型允许我们在其它元素和周围元素边框之间的空间放置 ...

问题代码： <div id="father" style="background:#eee;"> <div id="son" style="margin-top:50px;">son</div> < ...

　　当我们在给子元素设置margin-top后会出现一个现象，子元素与父元素之间没有出现间距，反而是父元素和其他元素之间出现了间距，像是margin-top的效果作用在父元素上一样。这种现象就是margin-top穿透现象。 　　如下所示： 　　HTML代码 　　CSS代码 ...

每个HTML元素都可以看作装了东西的盒子 盒子具有宽度（width）和高度（height） 盒子里面的内容到盒子的边框之间的距离即填充（margin） 盒子本身有边框（border） 而盒子边框外和其他盒子之间，还有边界（margin） 内容填充属性（padding ...

一、盒子模型 标准盒子模型 从下图可以看到标准 w3c 盒子模型的范围包括 content、padding、border、margin，并且 content 部分不包含其他部分。 怪异盒子模型 从下图可以看到 ie 盒子模型的范围也包括 margin、border ...

一、基础属性 盒子模型：将HTML页面中的元素看作是一个矩形盒子，也就是一个盛装内容的容器。每个元素都由元素的内容（content）、内边距(Padding)、外边距(Margin)和边框(Border)组成 不同部分的说明： content(内容)：盒子的内容，显示文本和图像 ...

border-style的值： none 无 dotted 点状 dashed 虚线 solid 实线 double 双实线 margin： 垂直方向两个相邻元素都设置了外边距，那么外边距会发生合并 合并高度=两个发生合并的外边距中的较大值 元素 ...