子div块中设置margin-top时影响父div块位置的解决办法及其原因
2015-05-13 18:32
316 查看
解决办法①:
若子DIV块中使用margin-top,则在父DIV块中添加：overflow:hidden;
解决办法②:
在子DIV块中用padding-top代替margin-top。
有个叫 bfc 的东西 叫 块级元素格式化上下文 overflow hidden 或者描边可以触发 bfc 就可以解决这个问题
若子DIV块中使用margin-top,则在父DIV块中添加：overflow:hidden;
解决办法②:
在子DIV块中用padding-top代替margin-top。
有个叫 bfc 的东西 叫 块级元素格式化上下文 overflow hidden 或者描边可以触发 bfc 就可以解决这个问题
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 子div块中设置margin-top时影响父div块位置的解决办法及其原因
- 子div块中设置margin-top时影响父div块位置的解决办法及其原因
- 子DIV块中设置margin-top时影响父DIV块位置的解决办法
- 子DIV块中设置margin-top时影响父DIV块位置的解决办法
- 子DIV块中设置margin-top时影响父DIV块位置的解决办法
- 子DIV块中设置margin-top时影响父DIV块位置的解决办法
- 子DIV块中设置margin-top时影响父DIV块位置的解决办法
- 关于元素设置margin-top能够改变body位置的原因及解决（子元素设置margin-top改变父元素定位）
- 子DIV设置margin-top影响父DIV位置的解决办法
- 如何解决子div设置margin-top时影响父div的margin-top
- margin-top在firefox失效的原因及解决办法
- 元素scrollTop设置无效的原因及解决办法
- firefox margin-top失效的原因与解决办法
- css div设置positon:relative之后，再设置top,div的原位置有空白，解决办法
- Css嵌套DIV，内层DIV设置margin-top失效的解决办法（转）
- firefox margin-top失效的原因与解决办法
- firefox margin-top失效的原因与解决办法
- firefox IE8\9 margin-top失效的原因与解决办法
- 解决：子元素设置margin-top，父元素也受影响的问题
- 第一个子容器设置margin-top后和父容器发生外边距合并，解决办法是给父容器设置非0 padding-top或overflow:hidden