CSS：粘性页脚和页脚内的 div。向左浮动
也许这是粘页脚的问题，也许不是。不太确定。我希望页脚内的 div 使用 float:left 并排排列，但它们似乎堆叠在一起，我不确定为什么。
HTML：
<div id="footer_container">
<div id="footer_content">
</div>
<div id="footer_content">
</div>..etc
CSS：
#footer_content {
font-size:18px;
float:left;
padding:0 35px;
color:#EEEEEE;
text-align:left;
height:150px;
width:150px;
}
加上所有常见的粘性页脚内容：
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -4em;
}
#footer, .push {
height: 175px;
}
#footer_content a{
color:#989393;
}
#footer_container{
width:1100px;
height:175px;
}
Maybe this is a problem with sticky footer, maybe not. Not quite sure. I want divs inside my footer to all line up side by side using float:left, but they seem to be stacking on top of each other, and I'm not sure why.
HTML:
<div id="footer_container">
<div id="footer_content">
</div>
<div id="footer_content">
</div>..etc
CSS:
#footer_content {
font-size:18px;
float:left;
padding:0 35px;
color:#EEEEEE;
text-align:left;
height:150px;
width:150px;
}
Plus all the usual sticky footer stuff:
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -4em;
}
#footer, .push {
height: 175px;
}
#footer_content a{
color:#989393;
}
#footer_container{
width:1100px;
height:175px;
}
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
您需要将 footer_content 更改为类而不是 id。
You need to change the footer_content to a class instead of an id.
您不能重复您的元素
id。元素id必须是唯一的，但您多次使用id=footer_content。浏览器倾向于忽略具有相同id的后续元素。将它们全部更改为类。
并
使用您的代码进行演示，仅将一个 id 更改为一个类...
http://jsfiddle.net/DRfuH/< /a>
似乎正在工作，因为它们现在是并排的。
You cannot duplicate your element
id's. Elementid's must be unique, but you useid=footer_contentmore than once. Browsers tend to ignore subsequent elements with the sameid.Change them all to classes.
and
Demo using your code with only that one id changed into a class...
http://jsfiddle.net/DRfuH/
Appears to be working as they are now side-by-side.