динамическая ширина с div в css

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 является боковой панелью, я управляю divs в php, и, например, я отключаю боковую панель, поэтому div2 не должен отображаться, я знаю, что могу использовать условия, но я хочу знать, Есть ли CSS-код для автоматической обработки этой изменяющейся ширины? обычно внутри основного div находятся два div, но в некоторых случаях это должен быть один div с шириной 100%. извините, если мой английский не очень хорош: (

тнк каждый

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>

Надеюсь, это поможет.