如何将两个div放在一起，这样如果不存在，那么另一个div会扩展？

Question

如何将两个div放在一起，这样如果一个不存在，另一个会扩展？

 <div class="main">
     <div class="left"></div>
     <div class="right"></div>
    </div>

.main{width:100%}
.left{width:70%}
.right{width:30%}

如果不对，那将是100％; 如果没有，那么将是100％;

Answer 1

尝试这样：

.left{width:70%;}
.right{width:100%;}
.left+.right{width:30% !important;}

Answer 2

尝试使用div的下面的类，如果不存在div，则可以将right-div的宽度设置为100％，或者如果不存在则将left-div的宽度设置为100％

<div class=main-div">
    <div class="left-div"></div>
    <div class="right-div"></div>
</div>

.main-div {width: 100%}
.left-div {float: left; 
    background: yellow; 
    width: 50%; 
    height: 100%; 
    display: inline-block;}
.right-div {float: right; 
    background: red; 
    width: 50%; 
    height: 100%; 
    display: inline-block;}