我試圖理解浮動，我做了兩列文本：
* {
box-sizing: border-box;
}
p {
float: left;
background: pink;
}
#p1 {
width: 50%;
clear: right;
}
#p2 {
width: 50%;
}<p id="p1">Paragraph 1.</p>
<p id="p2">Paragraph 2.</p>由于我將 #p1 設定為 clear:right，我認為 #p2 文本會在它下方，因為在我的理解中，clear:right 表示沒有其他元素應該浮動在 #p1 的右側。
如果我將 #p2 設定為 float:right，也會發生同樣的情況。他們的檔案看起來一樣，沒有任何反應。
我正在努力理解為什么 #p2 文本沒有從 #p1 端出來。有人可以解釋一下嗎？
uj5u.com熱心網友回復：
清除是指低于之前的，而不是之后的。此外，如果每個元素都有 50% 的寬度，那么從同一側就沒有什么可清除的了。你必須清除對面或兩個側面。
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
p {
float: left;
width: 50%;
background: pink;
}
#p1 {
clear: right;
}
#p2 {
float: right;
clear: left;
}
#p3 {
float: left;
clear: both;
}<p id="p1">Paragraph 1.</p>
<p id="p2">Paragraph 2 (cleared left).</p>
<p id="p3">Paragraph 3 (cleared both ways).</p>轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/377886.html