Question

我有以下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>

enter image description here

如果身体的内容是小的，则在上面的图像中添加白色空格（在红色标记中添加白色空格）。我怎么能删除它？有什么帮助吗？

Answer 1

您需要为内容设置min-height： -

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

请参阅DEMO

在身体末端添加了白色空间

1 个答案: