子div与父div可以设置边界，那为什么给子div设置上边距后，子div与父div没有作用啊，反倒父div有了上边距啊

源自：12-13 距离产生美 - 使用margin为盒子设置外边距（边界）

子div与父div可以设置边界，那为什么给子div设置上边距后，子div与父div没有作用啊，反倒父div有了上边距啊

#fu{ /*父div设置宽高300px 背景红色 */
    width:300px;
    height:300px;
   background:red;
}
#zi{margin-top:30px; /*子div设置上边距30px 背景绿色 */
    background:green;
}

提问者：_十年 2016-05-12 08:11

个回答

大雄012345

2016-05-14 22:05:32

为fuID选择器加上border，看的会清楚一些
#fu{
width:300px;
height:300px:
background:red:
border:20px solid blue;
}

0
小王子13

2016-05-12 09:12:59

#fu{ /*父div设置宽高300px 背景红色 */
width:300px;
height:300px;
background:red;
position:relative;
}
#zi{margin-top:30px; /*子div设置上边距30px 背景绿色 */
background:green;
position:absolute;
}

0
qq_花季契约_03196782

2016-05-12 08:51:31

加一句就好
#zi{margin-top:30px; /*子div设置上边距30px 背景绿色 */
background:green;
position:absolute;
}

0