2011-09-01 157 views
0

我有一個div與寬度:100%;裏面還有兩個div。動態寬度與CSS在div div

+---------- div, width: 100% ----------+ 
| +-- div1 50% --+ +-- div2 50% --+ | 
| | contents  | | contents  | | 
| |    | |    | | 
| +--------------+ +--------------+ | 
+--------------------------------------+ 

現在我想知道,如果我以任何理由刪除主DIV中的兩個div之一,裏面的div怎麼其他的可以自動100%呢?如果我刪除div2,如何div1可以100%自動?

<div style="width: 100%; " > 
<div style="width: 50%; display:inline; float:right; background-color:blue; color: white" > 
This is test 1 
</div> 
<div style="width: 50%; display:inline; float:right; background-color:red" > 
This is test 2 
</div> 
</div> 

我的意思是,我使用PHP,並假定Div2的邊欄,我控制在PHP的div,例如我關閉邊欄,所以DIV2不應顯示,我知道我可以使用的條件,但我想知道是否有任何CSS代碼自動處理這個變化的寬度? 通常在主div內有兩個div,但在某些情況下,它應該是一個寬度爲100%的div。 對不起,如果我的英語不好:(

TNX大家

+0

請給出一些代碼,以便更好地理解 – sandeep

+0

可能有助於瞭解您現在擁有的CSS代碼,我們可以建議最好的解決方案。 – Nexerus

回答

2

我真的不明白的問題,但也許這將幫助:

使用此:

<div style="width: 100%; " > 
<div style="width: 100%; display:inline; float:right; background-color:blue; color: white" > 
This is test 1 
</div> 
</div> 

希望它有幫助