overflow清除浮动

我想问一下在什么情况用设定宽度+overflow的方法清除浮动，不太理解子类设置了浮动对父类造成影响，从而需要清除浮动，能告诉我原理吗，谢谢

蜗牛不是牛

2016-05-15

源自：网页布局基础 3-2

关注问题我要回答

425

操作

收起

1 回答

uwalker
2016-05-15

您好，清除浮动主要有两种方法 clear：both；或者你说的width+overflow。而你的问题这么解答

假设DIV1宽度为100px,

DIV2宽度为50px,

如果上级DIV层的宽度大于DIV1+DIV2的宽度,

DIV2设置浮动属性float:left,

DIV2会像流水一样,自动显示在DIV1的右侧,

如果上级DIV层的宽度等于或者小于DIV1+DIV2的宽度,

那么,DIV2层就会被挤到DIV1的下方.

如果DIV1设置了清除属性,DIV2就不会流动到DIV1的后面,

而是直接显示在DIV1的下面.

0 回复有任何疑惑可以回复我~

收起回答

蜗牛不是牛提问者

这部分我知道，我想问的是父元素无法扩展而导致的需要清除浮动，不是对紧接着后一个产生的影响。谢谢你的解答

2016-05-16 回复有任何疑惑可以回复我~

0/150

提交

取消

网页布局基础

参与学习 214705 人
解答问题 1756 个

让你精通CSS中三大定位机制，彻底掌握网页布局的相关知识

进入课程

overflow清除浮动

我要回答关注问题

热搜

最近搜索清空

overflow清除浮动

1 回答

overflow清除浮动