html - 用百分比宽度整理我的 float div

Question

我的问题核心是这个简单的 css 布局:

左侧设置为 float:left，宽度为 70%，右侧设置为 float:right，宽度为30%。然而，这给我留下了一个缺口，它们不太像我也需要它们那样接触:

为了解决这个问题，我可以将百分比更改为 70.1% 和 30%。 这意味着大部分时间间隙都消失了，但偶尔右侧会被推到左侧下方，这不好!

我尝试将右侧的宽度设置为 auto，它再次将右侧向下推，但看起来像这样:

然后我尝试去掉右侧的 float:right。除了 register_container 一直下降到底部外，几乎可以正常工作，即使其余的 div(也在右侧内部，但在 register_container 之后列出)按应有的方式坐在右边:

这是 a paste of my css ，这是我临时上传的网站:http://greenevent.site50.net/index.php

如果有人能帮我解决我的问题，那就太好了! (如果不清楚，我希望排列看起来像发布的第一个网站图片，但没有细小的间隙。)

Answer 1

将您的 float: right; 切换为 float: left; 在您的右侧容器上。您还需要为容器分配一个宽度。

webkit 浏览器中有一个错误，这意味着您有时无法获得 100%，这可能有点痛苦。

http://jsfiddle.net/spacebeers/Lyphr/2/

如果您在 Chrome 的开发工具中将右侧容器的宽度更改为 27%，您将获得所需的布局。