第5章CSS盒模型.pptVIP

边界重叠的意义：让连续块元素各处的边界一致。 5.5.3 垂直边界重叠（续） p { margin: 0.8em 0;} 如果边界不重叠 边界重叠 父元素中包含子元素。 5.5.4 父子垂直边界重叠 子元素1 子元素2 当父元素的填充为 0 时。 5.5.4 父子垂直边界重叠 子元素1 子元素2 当父元素的填充、边框均为 0 时，父元素与子元素的边界相遇。 5.5.4 父子垂直边界重叠 子元素1 子元素2 5.5.4 父子垂直边界重叠 子元素1 子元素2 当父元素的填充、边框均为 0 时，父元素与子元素的边界相遇，这时发生父子垂直边界重叠。 #father { 　width: 100px; height: 100px; 　background-color: #FFCC66; } #son { 　width: 50px; height: 50px; 　background-color: #99CCFF; margin-top: 30px; } 例： 5.5.4 父子垂直边界重叠（续） 发生边界重叠　　 避免父子垂直边界重叠的方法是，给父元素设置填充或边框，将父子元素的边界分隔开。 5.5.4 父子垂直边界重叠（续） #father { 　width: 100p