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

浮动常见问题

<!-------------------------------------------------------清楚浮动开始-------------------------------------->
清除浮动float的常用方法2种:
1.clear属性----常用clear:both;
  clear:left;或者:clear:right;(必须知道元素是左浮动了还是有浮动了清除对应的)
2.同时设置width:100%(或固定宽度)+ overflow:hidden;(隐藏溢出部分)
3当父包含块没有设置浮动,而父包含块里面包含的元素设置了浮动float后会影响的父包含

块,(在此时我们对父包含块设置clear:both;是不会起作用的。它此时已经变成一条线了,高

度没有办法扩展了)解决办法:如下
    a.width:100%(或固定宽度)+ overflow:hidden;(隐藏溢出部分)

4.清除浮动float;clear:both;它只对紧邻它后面的元素管用可以清除浮动。
5.我们对元素最好不要设置高度,不然溢出部分我们设置了overflow后看不到:(但是可以

设置最小高度,min-height:400px;等)

<!-------------------------------------------------------清楚浮动结束-------------------------------------->

正在回答

1 回答

float 浮动!分为左浮动!右浮动!
float 常见 bug 浮动双边距!float 是实现并列!只要这样简单理解就可以了!

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

举报

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

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

进入课程

浮动常见问题

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