|
|
|
|
<style>
.left{
width:200px;
float:left;
background-color:pink
}
.right{
overflow:hidden;
background-color:lightskyblue;
}
</style>
<div class="left">左边固定宽度</div>
<div class="right">右边自动填满</div>
<style>
.left{
width:200px;
float:left;
background-color:pink
}
.right{
overflow:hidden;
background-color:lightskyblue;
}
</style>
<div class="left">左边固定宽度</div>
<div class="right">右边自动填满</div>
HOW2J公众号，关注后实时获知最新的教程和优惠活动，谢谢。
问答区域
2019-07-02
overflow是干啥用，注释了也没区别？
2 个答案
wuxianbiao 跳转到问题位置 答案时间：2020-02-18 当两个div高度宽度不一致时，float就会失效。
NoColor 跳转到问题位置 答案时间：2019-08-04 超出部分自动隐藏
回答已经提交成功，正在审核。 请于 我的回答 处查看回答记录，谢谢
2017-08-01
overflow:hidden;
5 个答案
12345678zZ 跳转到问题位置 答案时间：2023-02-15 overflow:hidden在这里一点软用没有，有确定的w和h才有用
mengli 跳转到问题位置 答案时间：2020-05-19 给一个元素中设置overflow:hidden，那么该元素的内容若超出了给定的宽度和高度属性，那么超出的部分将会被隐藏，不占位。
https://blog.csdn.net/qq_41638795/article/details/83304388?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.nonecase&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.nonecase
dully_9 跳转到问题位置 答案时间：2019-02-19 因为“float:left;”浮动位置实在左边，然后下一个div标签元素试图占有“left”div的空间，但发现“left”是占据的空间，所以就紧接着它咯。
淅淅细雨 跳转到问题位置 答案时间：2018-12-03 详见博客https://blog.csdn.net/zjxin000/article/details/46369867
how2j 跳转到问题位置 答案时间：2017-08-02 overflow:hidden的作用并不是刚好补满剩下的，把这个去掉，也可以观察到补满剩下的效果。
补满剩下效果是float:left做到的，.right会自动补满剩下的。
那么overflow:hidden有什么用呢？ 它的用途是清除浮动. 我做了个例子：
http://how2j.cn/code/208
这里把overflow:hidden去掉，并且把.right的高度增加，就会看到.right会包围.left。 所以需要加上overflow:hidden
回答已经提交成功，正在审核。 请于 我的回答 处查看回答记录，谢谢
2017-07-25
不太了解这里为什么要清楚浮动。
提问之前请登陆
提问已经提交成功，正在审核。 请于 我的提问 处查看提问记录，谢谢
|