2011-04-23 47 views
2

我有一些麻煩,得到一些div行爲我想要的。問題與CSS和div

看看這些鏈接:

我想用兩個div(.content)沒有正確的divs定位錯誤。我該如何解決它?正如你可以看到它與一個.content股利正常工作。如果我使用兩個內容div,它將是錯誤的,因爲你可以在鏈接2上看到。

有關我如何解決它的任何建議?

回答

3

您需要添加一個<div>來保存左列的內容,而另一個<div>要保留右側邊欄的內容。

此刻,你已經有了:

  • <div id="wrapper">
    • <div class="content">
    • <div class="content">
    • <div class="sidebarRight">
    • <div class="sidebarRight">

您需要:

  • <div id="wrapper">
    • <div class="leftcolumn">
      • <div class="content">
      • <div class="content">
    • <div class="rightcolumn">
      • <div class="sidebarRight">
      • <div class="sidebarRight">
+0

謝謝!有用。 – Bob 2011-04-23 11:37:56

+0

@Bob:萬歲!浮動很複雜。 Eric Meyer對* [CSS:權威指南]中涉及的規則做了很好的解釋(http://www.amazon.co.uk/CSS-Definitive-Guide-Eric-Meyer/dp/0596527330)* - 值得讀。 – 2011-04-23 12:28:08

1

我會做的是單獨從左側併爲您的DIV上的包裝你的div創建的包裝主要內容的側邊欄正確的。

1

我同意設置2欄,那就是答案。快速修復,我相信會簡單地浮動兩個側邊欄,並把他們的div首先包裝。