嵌套块元素垂直外边距的合并(塌陷)

  • 对于两个嵌套关系的块元素,如果父元素没有上内边距及边框
  • 父元素的上外边距会与子元素的上外边距发生合并
  • 合并后的外边距为两者中的较大者
    嵌套块元素垂直外边距的合并(塌陷)_第1张图片
    解决方案:
  1. 可以为父元素定义上边框。
  2. 可以为父元素定义上内边距
  3. 可以为父元素添加overflow:hidden。



	
	Document
	


	
"father">
"son">

嵌套块元素垂直外边距的合并(塌陷)_第2张图片

你可能感兴趣的:(HTML,CSS,css,html)