减小窗口大小时会出现空格?

时间:2013-09-15 13:44:49

标签: html css html5 stylesheet footer

我正在测试我的网站,并且有一个问题,我不知道如何在页脚部分解决。问题在于,当我尝试减小浏览器的窗口大小时,在一个特定点,页脚从右角离开空间,当我向后增加窗口大小时,页脚会恢复正常。我还提供了如下所示的图像

这是我的html,也是本节的CSS

<div class="footer"> <!-- Declare Section -->
<div class="container" style="text-align:center;"> <!-- COntainer Box -->
    <div class="span11">
        <p class="copyright">Copyright @2013 by Lunarmind Inc. All rights       reserved</p>
    </div>
    <div class="adminlinkcontainer">
        <a class="adminlink" href="admin.php">admin</a>
    </div>
</div>
</div>

这是CSS

.footer {
background-color:#383838;
width:100%;
height:50px;
margin-top:50px;
}

.copyright {
color:#fff;
margin-top:16px;
margin-left:6px;
}

1 个答案:

答案 0 :(得分:0)

您的页脚上设置了min-width: 1100px。摆脱它,这应该可以解决你的问题。