2011-04-23 68 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首先包装。