这篇文章探讨了CSS布局中的几个关键概念：元素的默认宽高通常基于父元素，浮动元素的宽度由内容决定，而定位元素同样如此。清除浮动可以通过clear属性、overflow属性或伪元素来实现，但每种方法都有其副作用。另外，防止margin塌陷的方法包括设置边框、隐藏溢出、使用padding或定位等。
三个理论：
1.默认宽高：
默认宽高：父级的百分百（浮动元素除外，脱离文档流的元素）
默认高度：由子集+padding
浮动的元素默认宽：由子集决定
定位的元素默认宽：由子集决定
2.清除浮动的方式：
1.clear:both;
2.overflow:hidden/auto 副作用：如果超出了，会造成子元素显示不全
3.给浮动元素的父级加浮动 副作用：会造成父级脱离文档流
4.伪元素
3.margin不塌陷的情况
1.父级加了描边就不塌陷
2.父级加了overflow:hidden;
3.父级如果有padding
4.父级元素定位（绝对定位和固定定位）了
5.父元素浮动了
6.子元素浮动了
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
