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

关于一个元素同时设置clear:left和float:left

假如一个div盒子同时设置了clear:left之后,它将会视前面设置了float:left样式的元素为普通文档流,并且按照普通文档流的排序方式排列,这里相当于它自己本身的float:left无效了吗,

正在回答

2 回答

设置了clear:left之后,它将会视前面设置了float:left样式的元素为普通文档流。

注意这句加粗的,是该元素之前的元素,也就是说,设置了clear:left之后的元素在普通文档流中。

但若同时设置了float:left之后,该元素就不在文档流中了,但其前面的元素仍将视为在普通文档流中,也就是说:两句代码同时起作用。

可以做个小试验:

http://img1.sycdn.imooc.com//5f48c5bb000199ad06030261.jpg



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

子元素如果不加上float:inherit;,float是不会继承的
还有,IE8或以下是不支持inherit,所以IE8或以下在任何情况下,都不会继承float
clear这是清除同级的浮动,放在内层是清除不了外层的

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

little_frog 提问者

我这里讲的都是同级元素呀
2019-06-05 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

关于一个元素同时设置clear:left和float:left

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