首页 > 代码库 > 关于overflow的问题
关于overflow的问题
<head> <title></title> <style type="text/css"> body { margin: 0; padding: 0; } #father { width: 500px; height: 400px; background: pink; border: 1px solid; } #child { width: 100px; height: 50px; margin-top: 20px; background: blue; } </style></head><body> <div id="father"> <div id="child"> </div> </div></body>
给子div添加margin-top: 20px，发现父子DIV都一起相对BODY下移了20PX，为何不是只是子DIV下移20PX ？ 如果我给父DIV添加border: 1px solid，就可以实现父DIV不动，只是子DIV相对父DIV下移了20PX，难道就一定要设置父DIV的border才能实现吗？
给父亲div 设置 overflow: hidden；有个叫 bfc 的东西 叫 块级元素格式化上下文 overflow hidden 或者描边可以触发 bfc 就可以解决这个问题。
overflow 属性：http://www.w3school.com.cn/cssref/pr_pos_overflow.asp
关于overflow的问题
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。