10.16 外边距合并：当上下相邻的两个块元素相邻时，如果上卖弄的元素有下边外边距maigin-bottom，下面的元素由上面的外边距maigin-top，则它们之间的垂直间距不是maigin-bottom和margin-top之和，而是两者中较大者。这种现象被称为相邻块元素垂直外边距的合并（也称外边距的塌陷）。
解决方案：避免就好了，直接给bottom30px，或者给top30px，分开写是不对的。对于两者嵌套关系的块元素，如果父元素没有上边距即及边框，则父元素的上边距会与子元素的上边距发生合并，合并后的外边距为两者中的较大者，即使父元素的上外边距为零，也会发生发合并。
解决方案：1、可以为父元素定义1像素上边框或上内边距；2、可以为父元素添加overflow：hidden。
10.18 盒子的计算尺寸：使用宽度属性width和高度属性height可以对盒子大小进行控制。width和height的属性值可以为不同单位的数值相对于父元素的百分比%，实际工作中最常用的是像素。CSS规范的盒子模型的总宽度和总高度的计算原则是：
注意：1、宽度属性width和高度属性height仅适用于块级元素，对行内元素无效（img标签和input除外）；2、计算盒子模型的总高度时，还应考虑上下两个盒子垂直外边距合并的情况；3、如果一个盒子没有给定宽度或高度或者继承父元素的宽度和高度，则padding值不会影响盒子大小。
网友评论