두 div의 적응 폭

Question

임 때때로 동적으로 첫 번째 또는 두 번째 DIV 표시되지 않습니다이

<div> 
    <div style="width:50%;"> first div </div> 
    <div style="width:50%;"> second div </div> 
</div> 

을한다. 첫 번째 div가 표시되지 않을 때 두 번째로 너비 100 %를 가정하고 그 반대의 경우도 마찬가지입니다. CSS로이 작업을 수행 할 수 있습니까? min-weigth 또는 max-width 또는 이와 비슷한 것?

Answer 1

를 HTML로 추가 :only-child 의사 클래스

.childDiv 
{ 
    width:50%; 
} 
.childDiv:only-child 
{ 
    width:100%; 
} 

HTML

<div> 
    <div class="childDiv'> first div </div> 
    <div class="childDiv'> second div </div> 
</div> 

Answer 2

자동 마진 CSS 속성을 사용해보십시오 : 당신은 사용할 수 있습니다

.myClass 
{ 
    margin:0px auto; 
    width:50 //You can set this to whatever or take it out 
} 

을 그리고

<div> 
    <div class="myClass'> first div </div> 
    <div class="myClass'> second div </div> 
</div>