父元素与子元素margin-top的问题

给子元素盒子一个垂直外边距margin-top,父元素盒子也会往下走margin-top的值，可以用下面的方法解决，不过这些方法跟你的界面其他样式也有一定的关系，试一下或许有意想不到的效果。

1、修改父元素的高度，增加padding-top样式模拟（padding-top：1px；对应的子元素的margin-top减少1px，很好用）
2、为父元素添加overflow：hidden；样式即可（margin-top和子元素高度要在父元素的可控范围之内）
3、为父元素或者子元素声明浮动（float：left；可用）
4、为父元素添加border（border:1px solid transparent，或者用一个和背景色一样的边框，这种用起来很完美）
5、为父元素或者子元素声明绝对定位（当然是对定位要比较熟悉）