TA貢獻(xiàn)49條經(jīng)驗(yàn) 獲得超52個(gè)贊
你好，首先文字是否環(huán)繞與元素是塊級(jí)元素還是行內(nèi)元素?zé)o關(guān)，如下
span為行內(nèi)元素，可以環(huán)繞
p為塊級(jí)元素，也可以環(huán)繞
你所說(shuō)的重疊應(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左浮動(dòng)，把box2背景區(qū)域遮擋
是因?yàn)椋?/strong>box1左浮動(dòng)，相當(dāng)于飄在頁(yè)面，沒(méi)有占據(jù)位置，box2就顯示在頁(yè)面最開(kāi)始的地方，想顯示可以清除浮動(dòng)。
但是，請(qǐng)注意：box2在塊級(jí)元素的文字沒(méi)有發(fā)生重疊，而是環(huán)繞到box1的周?chē)?/strong>
為確保box2的文字與box1分開(kāi)，因此顯示到box1周?chē)?/p>
浮動(dòng)最初的目的：將浮動(dòng)元素從文檔的正常流中刪除，使其他元素忽略他的位置。就是為了實(shí)現(xiàn)文字環(huán)繞浮動(dòng)元素的功能
希望可以幫到你
TA貢獻(xiàn)436條經(jīng)驗(yàn) 獲得超108個(gè)贊
float CSS屬性指定一個(gè)元素應(yīng)沿其容器的左側(cè)或右側(cè)放置，文本和內(nèi)聯(lián)元素將圍繞它。
然后，該元素被從網(wǎng)頁(yè)的正常流動(dòng)中移除，盡管仍然保持部分的流動(dòng)性（與絕對(duì)定位相反）。
建議觀看站內(nèi)的深入理解之float浮動(dòng)教程。
舉報(bào)