Question

我有一个带有标题，内容，菜单和页脚位置的网页。我的内容和我的菜单都在一个名为'allcontent'的div中。我把它们放在正确的地方漂浮着。（content：float：left; - menus：float：right;）我添加了一个页脚，只是一个明确的：两种风格加上一些文本格式。我的问题 - 正如你在图像中看到的那样 - 页脚不在正确的位置。我把它放在'allcontent'div之后 - 它包含菜单div（！） - 但看起来，它是无效的。

我该怎么办？

Here is a link to the website，在源代码中您可以看到div的更多细节。这是css。这与此有关：

#container {
vertical-align: top;
width: 800px;
text-align: left;
margin-right: auto;
margin-left: auto;
font-size: 9px;
min-height:100%;
margin-bottom: 50px;
}
#footer {
background-color: #2D2425;
font-size: 10px;
font-style: normal;
font-family: Arial, Helvetica, sans-serif;
color: #E2E2E2;
text-align: center;
margin: 40px auto 0;
clear:both;
border-top-width: 1px;
border-top-style:dashed;
border-top-color: #CCC;}


#allcontent {
clear: both;
padding-left: 10px;
min-width: 800px;
min-height: 100%;}

（更多来自给定网站的来源） 我认为这些都在玩这个游戏。

我确实搜索了粘性页脚的东西，但这些对我来说，我认为...... 我也一直在阅读有关填充和边距的技巧：没有效果。

抱歉我的英语不好！请尽力帮助我！

Answer 1

我能够通过以下方式解决问题：

1。）将overflow: hidden添加到#allcontent div。

2.。）从height: 135px div。

中删除#small

Answer 2

不要使用浮动属性 1）删除float和#big div的#small属性 2）使用display:inline-block和vertical-align:top 3）删除height的{{1}}属性。

侧菜单页脚溢出

2 个答案: