關于一個元素同時設置clear:left和float:left
假如一個div盒子同時設置了clear:left之后,它將會視前面設置了float:left樣式的元素為普通文檔流,并且按照普通文檔流的排序方式排列,這里相當于它自己本身的float:left無效了嗎,
假如一個div盒子同時設置了clear:left之后,它將會視前面設置了float:left樣式的元素為普通文檔流,并且按照普通文檔流的排序方式排列,這里相當于它自己本身的float:left無效了嗎,
2019-05-30
舉報
2020-08-28
設置了clear:left之后,它將會視前面設置了float:left樣式的元素為普通文檔流。
注意這句加粗的,是該元素之前的元素,也就是說,設置了clear:left之后的元素在普通文檔流中。
但若同時設置了float:left之后,該元素就不在文檔流中了,但其前面的元素仍將視為在普通文檔流中,也就是說:兩句代碼同時起作用。
可以做個小試驗:
2019-05-31
子元素如果不加上float:inherit;,float是不會繼承的
還有,IE8或以下是不支持inherit,所以IE8或以下在任何情況下,都不會繼承float
clear這是清除同級的浮動,放在內層是清除不了外層的