Question

我需要正确的列元素与javascript后退按钮图像齐平。我不确定这笔交易是什么，我已经尝试清楚左，清楚了，并清除它们。

直播示例： http://newsite.702wedding.com/las-vegas-marriage.asp

任何帮助都会很棒。

Answer 1

更改如下所示的代码：

<div class="package-back-button1"><a href="las-vegas-wedding-packages.asp"></a></div>
<div class="clearfloat-left"></div>
<div class="win-this-package1"><a href="wedding-honeymoon-las-vegas.asp"></a></div>

进入这个：

<div style="float: left">
    <div class="package-back-button1"><a href="las-vegas-wedding-packages.asp"></a></div>
    <div class="win-this-package1"><a href="wedding-honeymoon-las-vegas.asp"></a></div>
</div>

因此，请移除.clearfloat-left div，并将div中的两个项目与float: left括起来。

~~有点令人讨厌（但很容易）修复就是：~~

~~在.package-right-box1上，添加margin-top: -89px。~~

~~在Firefox，IE7 / 8中测试。~~

Answer 2

Here is a solution on jsfiddle。代码如下。

<!--Left Column Boxes-->
<div style="width:50%; float:left">
  <div style="background-color:#f00; width:100%">left1</div>
  <div style="background-color:#0f0; width:100%;">left2</div>
  <div style="background-color:#00f; width:100%;">left3</div>
</div>

<!--Right Column Boxes-->
<div style="float:right; width:50%">
  <div style="background-color:#aaa; width:100%;">right1<br />
    <div style="background-color:#ff0; width:100%;">right2</div>
  </div>

  <div style="background-color:#0ff; width:100%;">right3</div>
</div>

另外，请注意右侧的第二个div嵌套在右上方的div中。我不确定这是有意的，但我只是指出来了。

Div Floats和Clears：Multiple Elements

2 个答案: