這個主要看後面這個元素是塊級元素還是行級元素。如果後面的元素是塊級元素。例如
顯然，li是塊級元素，如果給第乙個li也就是id為one的設定了float，#two的li會佔據#one li的位置，但是字不會重疊。#two中的字會跟在#one中字的後面排列出來如圖1所示，
（注意：如果#two的寬度不夠大的話，字會被擠到下一行，如圖2所示，）
如果後面的元素是行級元素的話，在給第乙個元素設定float後，後乙個元素不會佔據前乙個元素的位置。而是乖乖的跟在屁股後面。例如：
#one#two
first效果如圖3所示，second
。如果給span標籤設定成display：block，使他變成塊級元素的話，就和前面舉得li的例子道理一樣了。
總結：今天在做乙個img和span標籤對齊的時候無意中發現了這個問題。自己記錄下來加深印象，也方便以後查閱。希望對初學者有所幫助。
html設定float後沒有高度解決
url 2.使用after偽類 這種方法就是對父容器使用after偽類和內容宣告在指定的現在內容末尾新增新的內容。經常的做法就是新增乙個 點 因為它比較小不太引人注意。然後我們再利用它來清除浮動 閉合浮動元素 並隱藏這個內容。這種方法相容性一般，但經過各種 hack 也可以應付不同瀏覽器了，同時又可...
css 子元素設定float,父元素高度塌陷
以div元素為例。div元素的高度會通過內容自動撐開。也就是說，內容有多少，高度就有多高。但是當內部元素設定了float屬性之後，會是父元素高度塌陷 div class container p hello world hello world p div class clearfix div div ...
JS獲取元素在頁面的位置
js獲取元素的offsettop,offsetleft等屬性 obj.clientwidth 獲取元素的寬度 width padding obj.clientheight 元素的高度 obj.offsetleft 元素相對于父元素的left obj.offsettop 元素相對于父元素的top ob...