css 中 div 的动态宽度

Question

我有一个 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 大家

Answer 1

我不太明白这个问题，但也许这会有所帮助：

使用这个：

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

希望它有帮助。