盡管問題提出好久了，還是說下我的一點(diǎn)淺見吧，開始我也想著是瀏覽器會(huì)找出某元素左邊的元素，然后處理下。不過后來自己試了下，覺得這個(gè)clear:left ,在此處并不是識(shí)別出位于某元素左側(cè)的元素，并清除浮動(dòng)效果的意思。

我的理解是，某元素設(shè)置clear：left屬性，則對(duì)于該元素而言，此前設(shè)置了?float:left??的元素都可以視為“普通文檔流”層，這樣的話新的樣式就在之前設(shè)置了float：left的元素下一行開始了。那么clear：left =?“忽略之前左側(cè)浮動(dòng)元素“實(shí)現(xiàn)的效果，把他們視作普通文檔流實(shí)現(xiàn)的。

貌似樣式和文檔是是分離的，舉個(gè)例子，題主截圖例子中，假設(shè)div3中有文字（文字們本來位于div的左上角），如果div3不設(shè)置clear：left ，那么樣式會(huì)像上圖一樣顯示（重疊），但是div3中的文字則不然，文字此時(shí)不會(huì)在div的左上角。這時(shí)，當(dāng)設(shè)置了所謂“忽略左側(cè)浮動(dòng)元素“效果clear：left 后，把之前元素的效果都當(dāng)做是普通文檔流的效果，這樣樣式會(huì)另起一行，而文字也會(huì)顯示正常了。

同理，為什么clear屬性還有一個(gè)right，一樣的，也不是根據(jù)位置來分的，那就是”忽略右側(cè)浮動(dòng)元素效果”，即，對(duì)于設(shè)置clear:"rught”的當(dāng)前元素而言，所有的右側(cè)浮動(dòng)效果(float:right)，都視作普通文檔流實(shí)現(xiàn)，所謂忽略浮動(dòng)。