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

能说一下你对float:none和clear:both的理解吗?

请问们是怎样理解:float:none 和clear:both?

度娘说: float:none:让子元素不要继承父元素浮动的影响

        clear:both:浮动的前后元素不受浮动的影响

但我还是不太懂,分别在什么情况下应用呢?


另外:下面这个问题,有一个float:none 调试结果是:二级菜单的上下间距为2px,如果取消这个样式,则二级菜单的上下间距为4px, 为什么取消后会多出2px呢?

http://img1.sycdn.imooc.com//54d6f1730001b5ea05850185.jpg

ul li{ 

float:left; 

line-height:40px;

text-align:center; 

width:100px;

}

ul li ul li{ 

float:none;

background-color:#eee; 

margin:2px 0px;}


正在回答

1 回答

float:none  无浮动

clear:both  清楚浮动后造成的影响

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

举报

0/150
提交
取消
形形色色的下拉菜单
  • 参与学习       106971    人
  • 解答问题       543    个

本教程从易到难,循循渐进,运用不同技术实现动态下拉菜单

进入课程

能说一下你对float:none和clear:both的理解吗?

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