邊欄定位問題

Question

我已經創建了我的第一個模板，但是我的邊欄不能按預期工作。請看看這個：http://neo4evr.com/templates/torque/

正如你所看到的，側邊欄已經下降到頁腳位置，而不是在我想要的#content div側。任何人都可以幫我把它帶到content div旁邊嗎？

Answer 1

您需要正確清除您的#container div並將您的內容浮動到左邊以解決您的問題。試試這個：

#container:after { 
    clear: both; 
} 
#container:before, #container:after { 
    content: ""; 
    display: table; 
    zoom:1; /* ie fix */ 
} 

#content { 
    float:left; 
} 

Answer 2

這應該很簡單。只需將display: inline-block添加到div#content即可。側邊欄然後將上升並坐在div#content旁邊。有一件事你可能會注意到，側邊欄可能比內容稍高一點。如果你想把它縮小一點以便與內容保持一致，只需將相同數量的填充添加到側邊欄頂部，就像內容填充一樣。在這種情況下，它是20px。