html - 一个分区的不同宽度...第二个分区应根据第一个分区进行调整

Question

所以我想要这样的东西。

有2个分区，第二个onw应该根据第一个调整宽度!

我试过最大宽度、最小宽度，但我无法重现这个东西。请帮帮我

Answer 1

这就是Tables are really good在:

<table>
   <tr><td>Content Here</td><td><input type=text></td></tr>
   <tr><td>Content Here Changes</td><td><input type=text></td></tr>
</table>

否则如果你不能使用table你需要some more DIV elements :

<div class="asTable">

  <div>
    <div>Content Here</div><div><input type=text></div>
  </div>
  <div>
    <div>Content Here Changes</div><div><input type=text></div>
  </div>

</div>

和 CSS:

.asTable{
  display:table;
}
.asTable > div{
  display:table-row;
}
.asTable > div > div{
  display:table-cell;
}