關(guān)于一個(gè)元素同時(shí)設(shè)置clear:left和float:left
假如一個(gè)div盒子同時(shí)設(shè)置了clear:left之后，它將會(huì)視前面設(shè)置了float:left樣式的元素為普通文檔流，并且按照普通文檔流的排序方式排列，這里相當(dāng)于它自己本身的float:left無效了嗎，
2 回答
舉報(bào)
0/150
提交
取消
假如一個(gè)div盒子同時(shí)設(shè)置了clear:left之后，它將會(huì)視前面設(shè)置了float:left樣式的元素為普通文檔流，并且按照普通文檔流的排序方式排列，這里相當(dāng)于它自己本身的float:left無效了嗎，
舉報(bào)
2020-08-28
設(shè)置了clear:left之后，它將會(huì)視前面設(shè)置了float:left樣式的元素為普通文檔流。
注意這句加粗的，是該元素之前的元素，也就是說，設(shè)置了clear:left之后的元素在普通文檔流中。
但若同時(shí)設(shè)置了float:left之后，該元素就不在文檔流中了，但其前面的元素仍將視為在普通文檔流中，也就是說：兩句代碼同時(shí)起作用。
可以做個(gè)小試驗(yàn)：
2019-05-31
子元素如果不加上float:inherit;，float是不會(huì)繼承的
還有，IE8或以下是不支持inherit，所以IE8或以下在任何情況下，都不會(huì)繼承float
clear這是清除同級(jí)的浮動(dòng)，放在內(nèi)層是清除不了外層的