div中有2个div。一个有％宽度，一个有auto

Question

<div id="one"> 
     <div id="two">
          content
     </div>
     <div id="three">
          content2
     </div>
</div>

我有3个div。两个div合二为一

#one { max-width:1000px; }
#two { width:80%; }
#three { min-width:20%; }

我想更改属性display：none;动态地在#two的wordpress（小部件）中然后#three应该有100％的宽度。

如何制作？

Answer 1

最简单的解决方案可能是使用css表格布局。只需根据需要更改#two的宽度即可。当您将#two的显示属性设置为display:none时，#three将根据需要自动变为100％。

#one {
    display:table;
    max-width:1000px;
    width:100%;
}
#two {
    display:table-cell;
    width:80%;
}
#three {
    display:table-cell;
}

Demo JSFiddle