ホームページ >ウェブフロントエンド >htmlチュートリアル >HTML ブロック間の改行_html/css_WEB-ITnose

HTML ブロック間の改行_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 12:15:16961ブラウズ

<!DOCTYPE html><html><body><div id="container" style="width:1200px"><div id="header" style="background-color: #FFA500;"><h1 style="margin-bottom:0;">Main Tittle of Web Page</h1></div><div id="menu" style="background-color: ##FFD700; height:200px; width:100px; float:left;"><b>Menu</b> <br/> <!--"b emphasizes the text"-->HTML<br/>CSS<br/>JavaScirpt</div><div id="content" style="background-color:#EEEEEE; height:200px; width:400px; float:left;">Content goes here</div><div id="footer" style="background-color:#FFA500; clear:both;text-align:center; float:left; ">Copyright @ W3Schools.com <br/><a href="http://www.w3schools.com/html/html_layout.asp" target="_blank">http://www.w3schools.com/html/html_layout.asp</a></div></div></body></html>

HTML は初めてなので、質問が素朴かどうかわかりません...
ここで、フッターの ID を持つブロックが自動的にラップされる理由を知りたいのですが?
Web ページのメイン タイトルが 1 行目、メインとコンテンツが 2 行目ですが、フッターが自動的に 3 行目に変更されるのはなぜですか (値に float:left; 変数を追加しました)。


ディスカッションに返信 (解決策)

削除
クリア:両方;
削除

削除
クリア: 両方
膝をついています、なぜこれを試しなかったのですか...ありがとう, レッドダイアモンド兄弟。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。