如何解釋CSS清除屬性？

我想了解CSS clear property。我看到它增加了新行並防止其他元素重疊。我用我的個人觀察和some readings得出結論。如何解釋CSS清除屬性？

這是我用撥弄：

.div1 { 
 
    float: left; 
 
    width: 100px; 
 
    height: 50px; 
 
    margin: 10px; 
 
    border: 3px solid #73AD21; 
 
} 
 
.div2 { 
 
    border: 1px solid red; 
 
    clear: left; 
 
}

<h2>Using clear</h2> 
 
<div class="div1">div1</div> 
 
<div class="div2">div2 - remove 
 
    <mark>clear:left</mark> and see the impact</div>

你如何解釋這種非程序員。說你的wife？

來源

2015-12-31 xameeramir

它指定一個元素是否可以在它之前的浮動元素旁邊，或者必須在它們下面向下移動（清除）。看看關於[MDN]的簡單而詳細的解釋（https://developer.mozilla.org/en/docs/Web/CSS/clear） –

@DaniMVijay我仍然[閱讀]（http：// stackoverflow .com/a/12871734/2404470）:)謝謝 – xameeramir

可以說我們有兩排，每排有3把椅子。

現在想象你正坐在第一排中間的椅子上。

如果你說clear:left，這意味着你不允許任何人坐在你的左邊，同樣，如果你說clear:right，你不允許任何人坐在你的右邊。

如果你說clear:both你不允許任何人坐在任何一邊，並選擇下一排椅子！

來源

2015-12-31 07:28:53 Nag

[This]（http://stackoverflow.com/a/12871734/2404470）對程序員非常好，而不是非程序員。我想我們現在可以向我們的妻子解釋這一點;） – xameeramir

如何解釋CSS清除屬性？

回答

相關問題