div对齐和浮动问题 我正在重新创建AACC网站（页面），并试图在中间排列栏目，标题为“国家倡议”、“领先的进步”和“奖励计划”。在我的源代码中，可以通过css查看，我创建了它，这样带有克林顿图片的横幅就会浮动到登录区域和侧栏的左侧。然而，如果我使用clear:both，第一列（可在我的页面底部查看）将保持在右侧侧边栏的下方，那么它将是无意义的。我不完全确定如何解决这个问题，也许我只是把clear属性放在了代码中错误的地方，或者不管是什么问题。我们需要一双新的眼睛来观察这件事

以下是CSS代码，我认为可以在其中纠正问题：

#banner {float: left; width: 730px;}

#logbar {
background-color: rgb(95, 193, 47); color:#FFFFFF; padding: 3px; margin-left: 740px; width: 240px; height: 130px;}

#sidebar{margin-left: 740px; width: 240px; height: 700px; padding:1px; background-color: #66CC66; margin-top: 3px;}

#col1{float:left; width:236; height;300px; background-color:rgb(204, 227, 251);}

---

我能看出HTML结构的唯一可能性是绝对定位元素

#col1 {
  top: 420px;           /* Add this */
  position: absolute;   /* And this */
  width: 236px;
  background-color: rgb(204, 227, 251);
}

---

然而，这真的只是一个黑客。你应该重新构造你的HTML。AACC并不是一个很好的例子——他们使用表格进行布局。看看stackoverflow是如何创建侧边栏的，这是一个更好的例子。

我觉得一切都很好。。你能给我们看一张截图吗？您在哪个浏览器上遇到此问题-同时让我们知道您使用的浏览器版本和操作系统。问题是：应该是这样的：我正在使用FF，但也在IE中尝试过。不要认为浏览器兼容性是个问题。另外，我使用的是Vista 64 bitIt，如果你能在JSFIDLE或CodePen上用代码演示你的问题，那就更好了：）我提供了一个网页，上面有我所有的工作，但你可以查看所有内容（到目前为止的工作和源代码）在这里，每个人都可能感到困惑，因为我正试图为AACC重新创建网页。@正如Terry所说，将代码放入JSFIDLE或CodePen将使人们更容易提出修改建议，以解决您的问题。不仅仅是能够查看代码；这是关于不需要在我们自己的机器上复制任何东西就可以对其进行更改。感谢您的帮助。是的，这是迄今为止我们遇到的最难的硬件，特别是因为在Dreamweaver中，只需设置一个表并合并列和行，就可以相当容易地复制它。我知道绝对定位是一个很大的最后手段，但我认为在这种情况下，这将是最好的行动方针。不想重新编码所有其他内容，这将非常耗时。再次感谢！