1

私は次のcssを持っています

html {
margin: 0;
padding: 0;
position:relative;
}

body {
background-color: #fff;
border-top: solid 10px #000;
color: #333;
font-size: .85em;
font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
margin: 0;
padding: 0;
}

#content{
background-color: #efeeef;
clear: both;
padding-bottom: 35px;
}

そして、その私のHTMLページ

<html>
<body>
<div id="content">             
        <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server"/>
 </div>

ここに画像の説明を入力

body の内容が小さい場合は上の画像のように空白が追加されます（赤いマークに空白が追加されます）。どうすればそれを削除できますか? 何か助けはありますか？

4

1 に答える 1

1

コンテンツを設定する必要がありmin-heightます：-

#content{
background-color: #fffaaa;
clear: both;
padding-bottom: 35px;
min-height:600px;
}​

デモを見る

于 2012-12-12T11:03:59.897 に答える