首页 > 代码库 > 子div块中设置margin-top时影响父div块位置的解决办法

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

在css中设置样式时,通常会遇到用子div块margin中设置margin-top时,父div块中就会随着子div的margin-top,也会和子div执行相同的margin-top的位置样式

解决办法1:

若子div块中使用margin-top,则在父div块中添加:overflow:hidden;

解决办法2:

若由于特殊情况不能在父div块中添加:overflow:hidden,那么在子div块中用padding-top代替margin-top;

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