ホームページ > 記事 > ウェブフロントエンド > 初心者の方は、DIV レイアウト html/css_WEB-ITnose について質問してください。
初心者の方は、DIV レイアウト html/css_WEB-ITnose について質問してください。
- WBOYオリジナル
- 2016-06-24 12:22:49864ブラウズ
div布局
何か么页脚会跑上去呢ですか？ 固定宽带とストーリー中页面6e916e0f7d1e588d4f442bf645aedb2fcdb437ef872df3303b11b84513957a19
body {padding:0; マージン:0; text-align:center;}
#main {width:800px; パディング:0; マージン:0 自動; 背景:#900}
#header { 幅:100%; 高さ:100ピクセル; 背景:#06F}
#left { float:left; 幅:300ピクセル; 背景:#936}
#right { float:right; 幅:500ピクセル; 背景:#366}
#foot {背景:#90F; クリア:両方;;幅:100%; 高さ:50px}
531ac245ce3e4fe3d50054a55f265927
243a8f3f087936dc3f96e2f0cf018c22
715ff5d340ecefbc0cdabef13c7d89ac
16b28748ea4df4d9c2150843fecfba68
961dd75297247cb17f67e6948fb06668
e388a4556c0f65e1904146cc1a846beeA94b3e26ee717c64999d7867364b1b4a3
e388a4556c0f65e1904146cc1a846beeB94b3e26ee717c64999d7867364b1b4a3
e388a4556c0f65e1904146cc1a846bee 94b3e26ee717c64999d7867364b1b4a3
16b28748ea4df4d9c2150843fecfba68
933da5eb64e67ee2599877186ac08c97
e388a4556c0f65e1904146cc1a846bee194b3e26ee717c64999d7867364b1b4a3
e388a4556c0f65e1904146cc1a846bee294b3e26ee717c64999d7867364b1b4a3
e388a4556c0f65e1904146cc1a846bee3 94b3e26ee717c64999d7867364b1b4a3
e388a4556c0f65e1904146cc1a846bee494b3e26ee717c64999d7867364b1b4a3
e388a4556c0f65e1904146cc1a846bee594b3e26ee717c64999d7867364b1b4a3
16b28748ea4df4d9c2150843fecfba68
e5da4368c118e4f93055a64e2f74ae29
これは我の脚です
16b28748ea4df4d9c2150843fecfba68
16b28748ea4df4d9c2150843fecfba68
36cc49f0c466276486e50c850b7e4956
回复讨论(解决方案)
你说的页脚ですか?
我试了下效果没错啊?
は、「これは私たちの脚です」という色の部分です。本来は、左端まで削除されています。
足元にあるこの div の前に追加一03ae7924627a7897291bea15762cde4416b28748ea4df4d9c2150843fecfba68
または、1 つの div ハンドル左と右を包んで来てください。
另外你这个盒子モデル还有小问题足的id写成了"if"
http://www.colg.biz/demo/d1.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head> <title> New Document </title> <meta name="Generator" content="EditPlus"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <meta charset="utf-8"><title> 固定宽带且剧中页面</title><style>body {padding:0; margin:0; text-align:center;}#main {width:800px; padding:0; margin:0 auto; background:#900}#header { width:100%; height:100px; background:#06F}#left { float:left; width:300px; background:#936}#right { float:right; width:500px; background:#366}#foot {background:#90F;width:100%; height:50px}.clear {clear:both;}</style></head><body><div id="main"> <div id="header"> </div><div> <div id="left"> <p>A</p> <p>B</p> <p> </p> </div> <div id="right"> <p>1</p> <p>2</p> <p>3 </p> <p>4</p> <p>5</p> </div> <div class="clear"></div></div> <div id="foot"> 这是我的脚 </div></div></body></html> である
哈，原来我ID
また、浮遊する左右を 1 つの div で囲むことも、問題のない方法です。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。