이 부동 div의 텍스트를 한 줄로 입력해야합니다. Firefox에서는이 기능이 정상적으로 작동합니다. IE6에서는이 엉망이 보인다 : 나는이에 명시 적으로 폭을 설정할 수 없습니다너비 : 자동 부동 divs 문제 (IE6)
. 높이를 설정해도 도움이되지 않습니다. 어떤 아이디어라도 제발?
html로 :
<div id="wraper">
<div class="draggable">
<p>a main road with fast-travelling traffic</p>
</div>
<div class="draggable">
<p>a very large bird, not able to fly</p>
</div>
<div class="draggable">
<p>very important</p>
</div>
<div class="draggable">
<p>a plant with white berries that feeds on trees</p>
</div>
<div class="draggable">
<p>breakfast and lunch combined in one meal</p>
</div>
<div class="draggable">
<p>a part of a room used for cooking</p>
</div>
과 CSS는 :
#wraper{
background: #FAFAFA;
border: 1px solid #333;
margin: 0 auto;
overflow: hidden;
padding: 20px;
width: 500px;
}
.draggable{
background: #F1F7FF;
border: 1px solid #CAE1FF;
display: inline;
float: left;
margin: 0 5px 5px 0;
padding: 3px;
position: relative;
width: auto;
height: auto;
}
.draggable p{
margin: 0;
padding: 0;
}