html5 css3 clearがなぜ必要なのか

Question

こんにちは、goliraです。
最近、html,cssを勉強しているのですが、その中でコードの意味がわからない部分がありました。
具体的には、下記コードでclearが何故必要なのかが分かりません。
どなたか分かる方、ご教授よろしくお願いします。

＃news dl { overflow: hidden; }
＃news dt {
＿＿width: 8em;
＿＿float: left;
＿＿margin-bottom: 10px;
＿＿clear: both;
}
＃news dd {
＿＿margin-left: 8em;
＿＿margin-bottom: 10px;
}

※＿＿はスペース２つと考えてください。

Answer 1

divやdt等の要素にfloatを使用する場合、「floatの解除clear」が必要になります。どこに解除の設定をするかはレイアウト等により変わります。

「defghi1977」さんの説明のとおり「CSS float」や「CSS float 解除」等で検索すると説明サイトがたくさんありますので、理解しやすいサイトを検索してみてください。

参考先：
CSS floatを初心者向けに図で解説　抑えるべき注意点とは？
clear …… 回り込みを解除する

Comments

[goliragolira]

回答、ありがとうございます。
参考先のサイトがとても分かり易かったので、ベストアンサーとさせて頂きました。理解できました。今後も機会があれば、よろしくお願いします。

[yoshinavi]

解決されて何よりです。
(^^)