当Firefox外面的div不随着里面的div变化而变化时

最新推荐文章于 2021-06-16 05:37:28 发布

原创最新推荐文章于 2021-06-16 05:37:28 发布 · 167 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Firefox #框架 #HTML

div+css 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种解决Firefox浏览器中外部div不随内部div变化的方法，通过设置overflow:hidden属性来实现大框架内元素的正确布局。

当Firefox外面的div不随着里面的div变化而变化时，在大框架里面加一句overflow:hidden;如：


<style>
.warp{margin:auto; width:800px; border:#000 solid 1px;overflow:hidden}
.left_box{float:left; width:30%;height:600px; border-right:#ff0 dashed 1px;}
.right_box{float:right;width:60%;height:600px;border-left:#f00 dashed 1px}
</style>
</head>
<body><div class="warp"><div class="left_box"></div><div class="right_box"></div></div>