CSS样式:外边距重叠及父子外边距重叠问题

上下外边距重叠 如图:css 给红色和绿色两个BOX分别设置上外边距和下外边距web .box1{ margin-bottom:100px; } .box2{ margin-top:50px; } 结果如图:浏览器 此时发现:两个box之间的实际距离是100px。 缘由:浏览器在渲染相邻两个box时,若是垂直方向且相邻的box直接各设置了上和外边距,则浏览器只会取最大的那个外边距设置值。而从浏览
相关文章
相关标签/搜索