并排显示两个div。如果一个div扩展第二个div，它应该采取100％的宽度

Question

这里我附上图片enter image description here来解释我的问题更容易理解。

先谢谢

Answer 1

根据您的要求，您可以使用以下概念根据div长度添加类

＆＃13;

＆＃13;

$(document).ready(function(){
if ($(".column").length == 1){
$('.column').addClass('column-width');
}
else{
$('.column').addClass('column-size-half');
}

})

＆＃13;

.column{border:1px solid #ccc}
.column-width{100%;}
.column-size-half{width:49%; display:inline-block}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="column">Column wrapper1</div>
<div class="column">Column wrapper2</div>

＆＃13;

＆＃13;

＆＃13;