CSS：頁腳內部粘有頁腳和div。 Float left

Question

也許這是一個粘腳的問題，也許不是。不太確定。我想在我的頁腳內使用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; 
} 

Answer 1

不能複製你的元素id的。元素id必須是唯一的，但您多次使用id=footer_content。瀏覽器傾向於忽略具有相同id的後續元素。

將它們全部更改爲類。

<div class="footer_content"> 
</div> 

<div class="footer_content"> 
</div> 

，並使用你的代碼只是一個ID變成了一個類

.footer_content { 
    font-size:18px; 
    float:left; 
    padding:0 35px; 
    color:#EEEEEE; 
    text-align:left; 
    height:150px; 
    width:150px; 
} 

演示...

http://jsfiddle.net/DRfuH/

似乎是工作，因爲他們現在的副作用通過邊。

Answer 2

您需要將footer_content更改爲類而不是id。