我有一个HTML页面。此页面具有以下结构:
<body>
<div id="div1">....</div>
<div id="div2">
<table>...</table>
</div>
<div id="div3">....</div>
</body>
div是一个在另一个之下,它们有一个边框,它们的宽度是相同的。
用户可以增加表格的列,这些列位于div2内部。在这种情况下,div1的宽度调整大小(边框增长)。 然而其他div的宽度保持不变。 我怎么能让它们跟随div2的宽度?
答案 0 :(得分:0)
没有javascript:创建一个包含div1,2和3的更大的div,使用CSS将其他div的宽度设置为更大div的宽度,每当表格增长/收缩时div 2将增长/缩小并推动边界它的父div。因为div 1和3从较大的宽度复制它们的宽度,所以它们也会增长/缩小。
使用javascript:只要你修改表格就设置其他div的宽度,通常不能调整表的大小,所以你必须在那里使用一些javascript
在所有情况下,研究CSS,因为这将是你将要改变的。