子标签的margintop为什么不能撑开父标签的高度？

htmlbbbbbbb

cssbody{padding:0;margin:0;}.a{background:red;}.b{background:blue;margin-top:10px;}http://jsfiddle.net/nhk6g1qx/1/父标签高度没有被撑开但留出了10像素的高度而给a增加padding-top:10红色背景顶部出现了20的高度http://jsfiddle.net/nhk6g1qx/4/

Cats萌萌

浏览 418回答 2

2回答

MYYA

这是因为垂直方向的margin会重合，有三种方法修复这个问题1.给父元素添加border或padding（top）2.float父元素3.设置父元素的position。。。

0 0

随时随地看视频慕课网APP