float
との動作を理解しようとしていclear
ます。そのため、実験用に小さな例(jsfiddle で入手可能)を作成しました。
HTML:
<div class="left">A</div>
<div class="custom">B</div>
<div class="left">C</div>
<div class="left">D</div>
CSS:
div {
background-color: blue;
color: red;
width: 100px;
height: 100px;
margin: 3px;
}
.left {
float: left;
}
.custom {
float: none;
}
まず、background-color: blue;
B のディレクティブが失われたように見える理由がわかりません。
margin: 3px;
第二に、ステートメントを削除すると次のようになる理由が明確ではありません。
あなたの助けやリンクを前もってありがとう。