所以我对 css 和 html 都很陌生，但这不是我第一次使用 float 来实现 2 个 div 并排放置。这次它没有正常工作，我已经修修补补了大约 3 个小时，我想我应该寻求帮助。
我已经在 jsFiddle 中编辑了我的网站部分以帮助描述我的问题:
最佳答案
问题不在于您没有将 div 分配给 float: right，而是您的 div 很小足以让您在页面宽度内容纳多个它们，因此它们正在做它们应该做的事情。
要解决这个问题，we would add clear:right到 #about_side 和 #about_side_footer，但这不会迫使它们保持水平，所以它并不能完全解决问题。
为了解决这个问题，而不是将你的 #greeting_wrapper 和 #about_wrapper 分别左右浮动，float the wrappers left and right instead .
#greeting_wrapper {
float: left;
}
#about_wrapper {
float: right;
}
#greeting_header, #greeting, #greeting_footer, #about_side_header, #about_side, #about_side_footer {
float: none;
}
关于CSS Floats 没有按计划进行，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/10405729/