css - 子div不占用父div内的空间

Question

嗨，这是我第一次访问此页面。

让我们直接开始吧，我有一个网站http://harrimanpcrepair.com/index.php当你用 Firebug 之类的东西看页脚时，你可以看到 div 页脚本身，而不是 child 没有特别出现，因为它没有高度。此外，包括它的三个子项在内的整个页脚区域都不属于我的页面 div。有没有办法解决这个问题而无需黑客或任何东西。上次我使用溢出来解决这个问题时，它在我的联系页面上引起了一些问题。我一直在寻找并查看所有解决此问题的技巧我真的不是为了得到我想要的东西而进行黑客攻击，而是按照预期的方式去做，没有任何隐藏的缺点会偷偷摸摸地出现在你身上。

<div id="footer">

    <div id="footerLeft">&nbsp;</div>

    <div id="footerMiddle">Designed by Shawn Harriman</div>

    <div id="footerRight">&nbsp;</div>

</div>

虽然我现在决定强制设置一个高度，但没有意识到如果我这样做的话它会起作用，虽然我讨厌知道尺寸不会影响父级但我真的不需要它，因为我不这样做不喜欢双线页脚。我很少有这样的，所以我现在拥有它的方式应该暂时有效。想听听人们不得不说的事情和其他解决方案，我仍在寻找更好的方法来解决这个问题

编辑:我不觉得这里面的 CSS 非常必要，但它们是在页脚中 float 的 div。它们都向左浮动，而它们的页脚本身是清晰的:两者。有 3 确实服务于以后的目的。

Answer 1

在 main.css 中为您的页脚尝试以下 css

  #footer {
     position:fixed; 
     text-align:center; 
     width:100%; 
     height:20px; 
     padding:5px; 
     bottom:0px; 
    }

希望对你有帮助