Question

我有一个HTML页面。此页面具有以下结构：

<body>
  <div id="div1">....</div>

  <div id="div2">
     <table>...</table>
  </div>

  <div id="div3">....</div>
</body>

div是一个在另一个之下，它们有一个边框，它们的宽度是相同的。

用户可以增加表格的列，这些列位于div2内部。在这种情况下，div1的宽度调整大小（边框增长）。然而其他div的宽度保持不变。我怎么能让它们跟随div2的宽度？

Answer 1

div 1和3'宽度不依赖于div 2，因为它们是他们自己的盒子，你必须以某种方式链接盒子（所有三个都是身体的一部分，但身体可能总是比你的桌子大，所以链接它们的宽度可能不适用于某些浏览器/版本）

没有javascript：创建一个包含div1,2和3的更大的div，使用CSS将其他div的宽度设置为更大div的宽度，每当表格增长/收缩时div 2将增长/缩小并推动边界它的父div。因为div 1和3从较大的宽度复制它们的宽度，所以它们也会增长/缩小。

使用javascript：只要你修改表格就设置其他div的宽度，通常不能调整表的大小，所以你必须在那里使用一些javascript

在所有情况下，研究CSS，因为这将是你将要改变的。