右边的Div并不是左边的div

Question

我试图在div上显示70/30比例的区块，但出于某种原因，他们没有排队。

我甚至在左div上使用float:left但是右边的div离开HomeClass边界。

http://jsfiddle.net/gdWM5/3/

代码太多了，不能粘贴在这里，所以创建了一个小提琴

Answer 1

您的宽度中没有考虑填充。我建议相应地将宽度更改为69％和29％，并将填充更改为1％。

- 编辑 -

另外，将float:left;添加到width70和width30类

Answer 2

我在您的示例中看不到您已应用float:left但应将其应用于“右”对象以向左浮动

Answer 3

请参阅此更新的小提琴： http://jsfiddle.net/abhitalks/gdWM5/13/

您只需在左右div上指定float:left即可。在容器中添加一个虚拟div，并在其上添加clear:both以清除浮动（重要）。

标记：

<div id="Home" class="HomeClass">
    <div id="Left" class="Width70">
        <!-- contents of left div -->
    </div>
    <div id="Right" class="Width30">
        <!-- contents of right div -->
    </div>
    <div class="clear"></div>
</div>

CSS ：

.Width70 {
    float:left;
    ...
}
.Width30 {
    float:left;
    ...
}
.clear { clear: both; }

希望有所帮助。