Divボーダーが正しい場所に表示されない

私は青いボーダーを持つdivを持っています。このdivはフッターなので、ページの下部に配置されます。そのdiv内のテキストが下に表示されますが、境界線自体が一番上に表示されています。ここでDivボーダーが正しい場所に表示されない

はHTMLです：

body{ 
    background-color:#666666; 
} 

#header{ 
    min-height:75px; 
    border:3px solid #000099; 
} 

#mainleft{ 
    height:500px; 
    width:15%; 
    border-left:3px solid #000099; 
    float:left; 
} 
#mainright{ 
    height:500px; 
    width:84%; 
    border-left:3px solid #000099; 
    border-right:3px solid #000099; 
    float:right; 
} 

#footer{ 
    height:70px; 
    width:100%; 
    border:3px solid #098099; 
    bottom:0px; 
}

出典

2012-03-01 DonJuma

clear: both;をフッター要素に追加します。

出典

2012-03-01 01:20:50

これは魅力的だった。私はこれまでにCLEARについて聞いたことはありませんが、うまくいきました。 – DonJuma

ええ、将来の位置付け/レイアウトの煩わしさを避けるために、位置を確認したり、浮かせたり、クリアしたり、タグを表示したりすることができます。これに答えて印を付ける。 –

ここにjsfiddleリンクがあります：http://jsfiddle.net/Zum7K/ – Sherzod

フッターのdivが下部に表示されない：

<body> 

<div id="header"> 
this is the header 
</div> 

<div id="mainleft"> 
this is the main left 
</div> 

<div id="mainright"> 
this is the main right 
</div> 

<div id="footer"> 
this is the footer 
</div> 

</body>

、ここでは、CSSです。その中のすべてのdivをラップし、プロパティ（幅、高さなど）を設定するコンテナdivが必要です。

出典

2012-03-01 01:20:49 CYMA

Divボーダーが正しい場所に表示されない

答えて

関連する問題