初心者の方は、DIV レイアウト html/css_WEB-ITnose について質問してください。-htmlチュートリアル-php.cn

初心者の方は、DIV レイアウト html/css_WEB-ITnose について質問してください。

WBOY

リリース： 2016-06-24 12:22:49

オリジナル

863 人が閲覧しました

div布局

何か么页脚会跑上去呢ですか？固定宽带とストーリー中页面
<スタイル>
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}

これは我の脚です

回复讨论(解决方案)
你说的页脚ですか?

我试了下效果没错啊?

は、「これは私たちの脚です」という色の部分です。本来は、左端まで削除されています。

これは、消去浮遊がないためです。在它们下边(そして可能な限り着放)

足元にあるこの div の前に追加一

または、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 で囲むことも、問題のない方法です。