其他分享
首页 > 其他分享> > 父子div margin

父子div margin

作者:互联网

今天遇到一个问题,在div+css的时代,布局上的问题一直都没遇到过什么问题,可是今天遇到了一个头疼的问题:当父盒子固定好之后,里面的子盒子加了margin-top:30px;谁想,父盒子竟然下来了,一脸雾水的看着这不听话的玩意,难道是要淸浮动?

清了浮动之后依然没什么效果,这是咋回事啊?赶紧去查资料,整理了一下解决办法:

1、修改父元素的高度,增加padding-top样式模拟(padding-top:1px;常用) 
2、为父元素添加overflow:hidden;样式即可(完美) 
3、为父元素或者子元素声明浮动(float:left;可用) 
4、为父元素添加border(border:1px solid transparent可用) 
5、为父元素或者子元素声明绝对定位

 

转载于:https://www.cnblogs.com/keyBr/p/css.html

标签:浮动,盒子,border,top,元素,父子,div,margin,为父
来源: https://blog.csdn.net/qq_36610451/article/details/114705999