div div中的2個div。一個是％寬度，一個是自動的

Question

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

我有3個div。兩格在一個

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

我想改變屬性顯示：無;動態地在#two的wordpress（widget）中，然後#reeree應該有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