ホームページ > 記事 > ウェブフロントエンド > CSS_html/css_WEB-ITnose に関する疑問
CSS_html/css_WEB-ITnose に関する疑問
- WBOYオリジナル
- 2016-06-24 11:45:391106ブラウズ
次のコードには、4 つの DIV A、B、C、D があります。最後の DIV のテキスト コンテンツが分離され、DIV D の境界線が最初の行に移動されるのはなぜですか?
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>CSS</title></head><style type="text/css"> .A, .B, .C { float: left; width: 200px; height: 100px; margin: 1em; border-style: solid; border-width: 1px; border-color: #ccc; } .D { width: 200px; height: 100px; margin: 1em; border-style: solid; border-width: 1px; border-color: #A94E38; }</style><body><div class="A">Text in div A</div><div class="B">Text in div B</div><div class="C">Text in div C</div><div class="D">Text in div D</div></body></html> 操作効果
明確にしてください、ありがとう。
ディスカッションへの返信 (解決策)
これを行うのは、フローティング要素がアンフロート要素 (標準ドキュメント フロー) に影響を与えるためです。clear を使用するだけです。
わかりました
ありがとうございます。あなたのヒントに基づいてブログ投稿を見つけました。
http://www.cnblogs.com/polk6/archive/2013/07/25/3142187.html
まだ理解中です
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。