摘要: 最近做了个项目,居然在一个小小的css问题上折腾了很久很是纠结——外边距折叠的问题。今天难得清闲,就把这个问题研究了一下,才发现大有学问,所以写篇博文整理一下,以便更加牢记! 外边距折叠,指的是毗邻的两个或多个外边距 (margin) 在垂直方向会合并成一个外边距。 触发条件:毗邻,没有被非空内容、padding、border或clear分隔开的margin特性. 非空内容就是说这元素之间要么是兄弟关系或者父子关系这些 margin 都处于普通流中,即非浮动元素,非定位元素 垂直方向外边距合并的计算 1) 参加折叠的margin都是正值:取其中 margin 较大的值为最终 mar... 阅读全文
posted @ 2012-09-18 16:28 无赖君子 阅读(2146) 评论(3) 推荐(1) 编辑