为了账号安全,请及时绑定邮箱和手机立即绑定

清除浮动是什么意思?

什么是清除浮动

正在回答

2 回答

DIV层内的元素在使用了float属性后无法自动改变高度的解决办法:

有的时候为了让外侧层根据内容自动调整,没有设置高度或宽度,一般都会正常显示。
但如果层内元素使用了float属性,就会使那些元素脱离文件流,就无法再扩充容器层,就会导致外层大小无法根据内容自动调整。
关于这个问题,总结出以几种在当下几种主流浏览器都兼容的方法,供大家参考。

1.清除浮动
在层中的有浮动属性的元素最后边加上来清除 
<</SPAN>divstyle="background:#eee;"><</SPAN>divstyle="height:100px;width:100px;background:Green; 
float:left;"></</SPAN>div><</SPAN>divstyle="height:100px;width:100px;background:Red; float:right;"></</SPAN>div>style="clear:both;">></</SPAN>div>

2.将display设置为table
一般来说,外层宽度都是固定的,设置宽度后可以将外层的显示模式设置为:display:table

<</SPAN>divstyle="background:#eee; 
width:500px;display:table;"><</SPAN>divstyle="height:100px;width:100px;background:Green; 
float:left;"></</SPAN>div><</SPAN>divstyle="height:100px;width:100px;background:Red; float:right;"></</SPAN>div></</SPAN>div>

3.添加overflow设置为hidden
将外层的overflow设置为:hidden:

<</SPAN>divstyle="background:#eee;overflow:hidden; 
"><</SPAN>divstyle="height:100px;width:100px;background:Green; float:left;"></</SPAN>div><</SPAN>divstyle="height:100px;width:100px;background:Red; float:right;"></</SPAN>div></</SPAN>div>

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

添加一个背景颜色,就可以看出效果了mychar.style.backgroundColor=quot;redquot;;:numa&gt;numbnuma==numb,

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

举报

0/150
提交
取消
网页布局基础
  • 参与学习       214707    人
  • 解答问题       1756    个

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

进入课程

清除浮动是什么意思?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信