css之父子盒子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、为父元素或者子元素声明绝对定位

猜你喜欢

转载自www.cnblogs.com/keyBr/p/css.html