1

私は本当にウェブページを作る初心者です。たくさんのチュートリアルを読み、かなり進歩したと思います。しかし、私は 1 つの単純な問題で立ち往生しています。このレイアウトでシンプルなウェブページを作りたい: http://i49.tinypic.com/1r54l4.jpg

私は背景のある体を持っています。この背景をpngロゴの上と下に表示したい。次に、左側に同じ色の背景を持つメニュー付きのキャンバスがあります。そしてまた少し余白のあるフッター。コードは次のようになります。

body {
margin: 0;
padding-top: 10px;
background-image: url('pics/background.png');
background-repeat: repeat; 
}

#wrapper {
width:1200px;
height:100%;
margin-left:12%;
}

#content {
background: rgba(255, 251, 208, 0.9);
height:100%;
margin-top:10px;
}

#menu {
width:16%;
float:left;
}

#canvas {
width:84%;
float:right;
}

これで、背景色のない Web ページだけを取得できます。たとえば、Firebug は、ラッパーまたはコンテンツの高さがキャンバスのすぐ上で終わることを示しています。何十もの異なる設定を試しましたが、毎回何かが間違っていました。

4

1 に答える 1

0

ラッパーに clearfix クラス ( http://css-tricks.com/snippets/css/clear-fix/ )が必要だと思います。すべてのラッパーの内部要素が浮かんでいることがわかります。

于 2013-03-25T17:24:38.693 に答える