在IE8中使用CSS float:left、clear:both和display:inline块时出现问题

我正在尝试使用CSS在我的页面上布局一个部分。这个web应用程序需要在IE8中特别工作。我尝试了“float:left；”“clear:both”和“display:inline block”的几种不同组合，试图实现我想要的布局，但我显然做错了什么

我在所有的div周围都加上了红色边框，以帮助我尝试解决这个问题，如下图所示

前两部分正确排列。这是我遇到麻烦的“地址”部分（该部分以“居住地址：”开头）

我想在他们自己的线上有以下内容：
居住地址
居住城镇，州/省，邮编
与住所相同
通讯地址
邮寄城镇，邮寄州/省，邮编

我还希望封闭DIV的宽度仅为我读过的最宽的一行，可以通过“display:inline block”实现

出于某种原因，当我使用“display:inline block”并将封闭的DIV向左浮动时，包含多个元素的行（即居住城镇、州/省、邮政编码）不会停留在一行上-即使浏览器最大化，邮政编码通常也会换行到较低的行

我希望我在这里说得很清楚，但如果需要的话，我当然可以进一步澄清

谢谢

---

这里有一种方法，虽然可能不是最干净的解决方案：

CSS

.newline {display:block;float:left;}
.formput {float:left;}
.clear {clear:both;}

HTML

<form>
<div class="newline">
  <div class="formput">
    Residence Address<br />
    <input type="text" />
  </div>
  <div class="formput">
    State / Province<br />
    <select>
      <option>1</option>
      <option>2</option>
      <option>3</option>
    </select>  
  </div>
  <div class="formput">
    Zip<br />
    <input type="text" />
  </div>
  <div class="formput">
    Mailing Address<br />
    <input type="text" />
  </div>
  <div class="formput">
    Mailing State / Province<br />
    <select>
      <option>1</option>
      <option>2</option>
      <option>3</option>
    </select>  
  </div>
  <div class="formput">
    Mailing Zip<br />
    <input type="text" />
  </div>
  <div class="clear" />
</div>
<div class="newline">
  <div class="formput">
    Residence Town<br />
    <input type="text" />
  </div>
</div>
<div class="clear" />
<div class="newline">
  <div class="formput">
    Same as Residence? <input type="checkbox"/>
  </div>
</div>
<div class="clear" />
<div class="newline">
  <div class="formput">
    Mailing Address<br />
    <input type="text">
  </div>
</div>
</form>

居住地址

州/省

1.
2.
3.
Zip

邮寄地址

邮寄国/省

1.
2.
3.
邮寄邮政编码

居住镇

和住所一样吗？
邮寄地址

---

我认为div中包含的内容很清楚：两者都在耍花招

嗯。。。单凭屏幕截图很难诊断出哪里出了问题。如果您发布代码和/或演示，这将非常有用。也许我在这里没有得到的东西是，如果我只是将“Address”部分代码本身放在jsfiddle.net中，或者只是将其保存为一个独立的html页面，那么上面有多个元素的行显示得很好。我将在这里指出另一点，IE设置为“工具栏=否，滚动条=否，可调整大小=是”。那会有什么不同吗？不幸的是，我不知道。这些属性我从来没有遇到过这样的问题，但是没有代码我就很难判断。@JosephMarikle:我看看是否能从代码中提取出一个静态HTML页面。这个页面中有很多来自Java Servlets的数据，所以可能需要花费我一点时间…我相信这个片段是正确的想法，但我仍然将居住信息包装在另一行上-谢谢你的帖子。