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

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