2011-09-01 109 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> 

希望它有帮助