在DIV嵌套中,子层的margin-top设置不起作用,而且会移动到上层的现象。很困惑,于是查阅了很多资料,最后才发现问题的所在,是因为盒子没有获得 haslayout
造成 margin-top无效。
解决的方法如下:
1、在父层div加上:overflow:hidden。
2、把margin-top外边距改成padding-top内边距。
3、父元素产生边距重叠的边有不为 0 的 padding 或宽度不为 0 且 style 不为 none 的 border。 父层div加: padding-top: 1px;
4、让父元素生成一个 block formating context,以下属性可以实现
* float: left/right
* position: absolute
* display: inline-block/table-cell(或其他 table 类型)
* overflow: hidden/auto
父层div加:position: absolute;
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请
点击举报。