根据其他div宽度调整div宽度

时间:2015-03-30 10:49:23

标签: html css

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

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

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

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

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

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

1 个答案:

答案 0 :(得分:0)

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

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

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

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