TA貢獻49條經(jīng)驗 獲得超52個贊
你好，首先文字是否環(huán)繞與元素是塊級元素還是行內(nèi)元素無關(guān)，如下
span為行內(nèi)元素，可以環(huán)繞
p為塊級元素，也可以環(huán)繞
你所說的重疊應(yīng)該是這種情況
<style?type="text/css">
????.box1{
????????width:300px?;
????????height:?300px;
????????background-color:?pink;
????????float:?left;
????}
????.box2{
????????width:300px?;
????????height:?300px;
????????background-color:?blue;
????}
</style>
</head>
<body>
????<div?class="box1">box1?</div>
????<div?class="box2">box2</div>
</body>由于box1左浮動，把box2背景區(qū)域遮擋
是因為：box1左浮動，相當于飄在頁面，沒有占據(jù)位置，box2就顯示在頁面最開始的地方，想顯示可以清除浮動。
但是，請注意：box2在塊級元素的文字沒有發(fā)生重疊，而是環(huán)繞到box1的周圍
為確保box2的文字與box1分開，因此顯示到box1周圍
浮動最初的目的：將浮動元素從文檔的正常流中刪除，使其他元素忽略他的位置。就是為了實現(xiàn)文字環(huán)繞浮動元素的功能
希望可以幫到你
TA貢獻436條經(jīng)驗 獲得超108個贊
float CSS屬性指定一個元素應(yīng)沿其容器的左側(cè)或右側(cè)放置，文本和內(nèi)聯(lián)元素將圍繞它。
然后，該元素被從網(wǎng)頁的正常流動中移除，盡管仍然保持部分的流動性（與絕對定位相反）。
建議觀看站內(nèi)的深入理解之float浮動教程。
舉報