div (너비 : 자동) div (너비 : 자동)

Question

안녕하세요 여러분, div에 width:auto으로 문제가 있습니다.

<div class="greenMenu"> 
    <div class="btn"> 
     <img src="img/image.png" width="57" height="46" /> 
     <div class="area"> 
      <div class="txt">A Lorem ipsum</div> 
     </div> 
    </div> 

    <div class="btn"> 
     <img src="img/image.png" width="57" height="46" /> 
     <div class="area"> 
      <div class="txt">A Lorem ipsum</div> 
     </div> 
    </div> 
</div> 

와 CSS : 여기

는 HTML의

.greenMenu { 
    position:absolute; 
    top:83px; 
    left:220px; 
    width:auto; 
    height:47px; 
    background:url(../img/prod-uova-ripMenu.png) left top repeat; 
} 

.greenMenu .btn { 
    background:#090; 
    float:left; 
    margin-top:1px; 
    margin-left:6px; 
    *display:inline; 
    _display:inline; 
    width:auto; 
    height:43px; 
    position:relative; 
} 

.greenMenu .btn img { 
    border:none; 
    position:absolute; 
    top:0px; 
    left:0px; 
    z-index:2; 
} 

.greenMenu .btn .area { 
    background:#53882d; 
    width:auto; 
    height:32px; 
    position:absolute; 
    top:5px; 
    left:0px; 
    z-index:1; 
} 

.greenMenu .btn .area .txt { 
    float:left; 
    margin:7px 13px 0 60px; 
} 

문제는 다음 greenMenu는 폭을 확장 할 수 없습니다와 같은 시간에 div.btn 폭은 0

Answer 1

입니다 다음 코드를 사용하지 마십시오.

position: absolute;