Html 如何在主包装器div周围正确放置2个div

我试图编码我的网站布局，以显示在搜索引擎div两侧的广告，但由于某些原因，右div并没有对齐顶部。知道为什么会这样吗

我在jsfiddle.net上试过-

左侧广告位于此处-与#wrapper div顶部对齐
内容在这里
右广告在这里-应该与顶部od#包装div对齐
#广告包装{
宽度：1360px；
保证金：0；
}
#广告左窗格{
宽度：199px；
背景色：#F4；
浮动：左；
}
#广告右窗格{
宽度：199px；
背景色：#F4；
浮动：对；
}
#包装纸{
宽度：960px；
保证金：0自动；
最小高度：200px；
}

这就是我想要的-

---

谢谢你的建议

你的代码中有一些简单的错误。请尝试以下方法：

<div id="ads-wrapper">
    <div id="ads-left-pane">
         Left
    </div>
    <div id="wrapper">
        Content goes here
    </div>
    <div id="ads-right-pane">
        Right
    </div>
    <div style="clear:both;"></div>
</div>

左边
内容在这里
赖特

此外，我建议创建一个“clear”类并将其应用于clear div。这是一个很小的步骤，但从长远来看，它可以为您节省一些输入

.clear{clear:both;}

<div class="clear"></div>

.clear{clear:both；}

代码中有几个错误（其中一个

ID包含“#”字符），但是除了这些问题之外，您可能更幸运地使

元素具有

显示：内联块“

样式。与使用

float

相比，它通常更为严格，更容易对其进行更改

---

这可以让你从这个方向开始。

只需将两个浮动div放在包装器之前。并修复右窗格id的输入错误

.clear{clear:both;}

<div class="clear"></div>