Html “我的页脚下方有大量未使用的空间”；分区；_Html_Css

Html “我的页脚下方有大量未使用的空间”；分区；

html css

Html “我的页脚下方有大量未使用的空间”；分区；,html,css,Html,Css,我正在尝试在母版页上创建页脚div。它有点工作，但当我运行我的网站时，我的页脚下有很多未使用的空间。我怎样才能删除它？我正在使用vs2012。由于某些原因，我不能在工作中使用JSFIDLE。抱歉发了这么长的邮件我的html： <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>Território Levita

我正在尝试在母版页上创建页脚div。它有点工作，但当我运行我的网站时，我的页脚下有很多未使用的空间。我怎样才能删除它？我正在使用vs2012。由于某些原因，我不能在工作中使用JSFIDLE。抱歉发了这么长的邮件

我的html：

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Território Levita - Portal</title>
    <script src="../js/jquery-1.9.1.js"></script>
    <script src="../js/jquery.maskedinput.js"></script>
    <link href="../css/StyleMaster.css" rel="stylesheet" />
    <asp:ContentPlaceHolder ID="head" runat="server">

    </asp:ContentPlaceHolder>
</head>
<body>
    <form id="form1" runat="server">
        <div id="header">
            <h1><a href="#">Território Levita - Portal</a></h1>
        </div>

        <div id="menuNav">
            <ul>
                <li class="ativo"><a href="#">Principal</a></li>
                <li class="temsub"><a href="#">Eventos</a>
                    <ul>
                        <li><a href="#">´~~´ç55,,.\\Visualizar Eventos</a></li>
                        <li><a href="#">Manter Eventos</a></li>
                    </ul>
                </li>
                <li class="temsub"><a href="#">Dados Pessoais</a>
                    <ul>
                        <li><a href="#">Visualizar dados Pessoais</a></li>
                    </ul>
                </li>
            </ul>
        </div>
        <div id="conteudo">
            <asp:ContentPlaceHolder ID="content" runat="server">
            </asp:ContentPlaceHolder>
        </div>
        <div id="footer">
            <h3>"Mas, no tocante às cidades, às casas das cidades da sua possessão, direito perpétuo de resgate terão os levitas." Levítico 25:32 </h3>
        </div>
    </form>
</body>
</html>

给页脚h3一个30px的高度

从

正文中删除以下规则：
min-height: 768px;





您的页脚也有行高
。删除它以完全删除页脚后的空格（）。您可以添加填充顶部：10px根据需要设置页脚样式。
计算机问题通常都是这样，它完全按照您告诉它的做，但这不是您想要的<代码>；）
CSS文件的body
部分中的minheight
属性设置为768px
。因此，网页将始终至少高出768px
——如果没有足够的内容，它只会在页脚添加额外的空白标记
要解决您的问题，请减少或删除最小高度
尝试添加：
position: absolute;
bottom: 0px;

到您的页脚，css将修复此问题，而Lorem Ipsum将修复此问题。当您更改主体的最小高度：768px到一个较小的值？我在主体中添加了最小高度和最小宽度，以便当用户调整窗口大小时，我的组件不会在屏幕上漫游-可能重复-或80px。将其设置为页脚的全高。这是可行的-但如果用户调整页面大小，我的组件将在页面中四处游荡…我如何解决此问题？在模拟您的页面时不会出现这种情况。
position: absolute;
bottom: 0px;