子DIV块中设置margin-top时影响父DIV块位置的解决办法?

时间:2024-01-07 19:14:08

解决方法
1、修改父元素的高度,增加padding-top样式模拟(padding-top:1px;常用)

2、为父元素添加overflow:hidden;样式即可(完美)
3、为父元素或者子元素声明浮动(float:left;可用)

4、为父元素添加border(border:1px solid transparent可用)
5、为父元素或者子元素声明绝对定位

父DIV块中添加:overflow:hidden;触发bfc,margin不会传递给父级(父级触发了BFC)