CSS-在包含Div内并排相等地调整两个Div的大小

这看起来很基本，但是所有的谷歌搜索对我都没有帮助，尤其是在包含div的时候。基本上，我希望我的页面上的两个部分（div或最好是fieldset）放在包含部分中，两个部分的水平大小相同，而不管页面宽度如何，并排放置，并在调整页面大小时按比例调整大小一个警告是，包含部分可以有填充（使用fieldset就是这样），因此子容器需要是基本容器可用宽度的50%。下面是我的部分的示例。任何建议都将不胜感激

<fieldset>
  <legend>Contact Information</legend>
  <fieldset class="homeAddress">
    <legend>Home Address</legend>
    Address: 123 Main St.
  </fieldset>
  <fieldset class="workAddress">
    <legend>Work Address</legend>
    Address: 456 Second St.
  </fieldset>
</fieldset>

联系方式
家庭住址
地址：美因街123号。
工作地址
地址：第二街456号。

只需使用

width:50% (or a litte less if you want a gap or are using a border)
float:left

示例

只需使用

width:50% (or a litte less if you want a gap or are using a border)
float:left

示例是最好的方法。它更改

宽度

和

高度

，以包括

填充

和

边框

请参见：

天气很好。您可能关心的唯一不受支持的浏览器是IE7

如果您需要支持IE7，那么可以添加一些包装器

div

s。

是最好的方法。它更改

宽度

和

高度

，以包括

填充

和

边框

请参见：

天气很好。您可能关心的唯一不受支持的浏览器是IE7

---

如果您需要支持IE7，那么您可以添加一些包装器

div

s。

如果您不想像thirtydot建议的那样使用

box size:border box

（我同意这是最简单的解决方案），您可以简单地将字段集包装成几个div，并将其设置为50%的宽度。然后，您可以对内部字段集应用任何填充/样式，而不必担心它会影响50%的宽度

例如：

---

这样做的好处是，您不必担心浏览器对

框大小调整

CSS属性的支持。

如果您不想像thirtydot建议的那样使用

框大小调整：边框框

（我同意这是最简单的解决方案），您可以简单地将字段集包装在几个div中，并将其设置为50%的宽度。然后，您可以对内部字段集应用任何填充/样式，而不必担心它会影响50%的宽度

例如：

---

这样做的好处是，您不必担心浏览器对

框大小调整
CSS属性的支持。
谢谢，但这不是我想要的。这里有一个更好的示例，它在JSFIDLE中呈现良好（减去没有字段集边框），但在Chrome中，字段集位于不同的行上。我可以将宽度设置为其他值，比如47%，这适用于更宽的页面，但随着页面变窄，它们又开始“包装”。基本上，我希望当页面变小时，不会出现换行（将右部分放在左下方），如果需要，页面将只显示一个水平滚动条来显示信息。谢谢，但这不是我想要的。这里有一个更好的示例，它在JSFIDLE中呈现良好（减去没有字段集边框），但在Chrome中，字段集位于不同的行上。我可以将宽度设置为其他值，比如47%，这适用于更宽的页面，但随着页面变窄，它们又开始“包装”。基本上，我希望随着页面变小，不会出现换行（将右部分放在左下方），如果需要，页面将只显示一个水平滚动条来显示信息。没问题。我只是注意到我复制了你的HTML，而不是在里面使用两个
字段集。修理……没问题。我只是注意到我复制了你的HTML，而不是在里面使用两个
字段集。修理。。