css中div的动态宽度

时间:2011-09-01 11:11:29

标签: css html width

我有一个宽度为div的分区:100%;其中还有另外两个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 everyone

1 个答案:

答案 0 :(得分:2)

我真的不明白这个问题,但也许这会有所帮助:

使用此:

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

希望它有所帮助。