jquery UI가 텍스트의 크기를 올바르게 조정하지 않습니다.

Question

jquery UI를 사용하여 배후에 무엇이 보이는지 쉽게 볼 수 있도록 div를 배율을 조정하려고합니다. 그러나 그 안에있는 텍스트는 이상하게 크기가 조정됩니다. 텍스트 자체가 작아 지지만 주위에 패딩이 많이 붙어있는 것처럼 보입니다. 텍스트는 div가 제대로 포함해야한다고해도 div의 맨 아래까지 확장됩니다. 나는 텍스트 줄 주위에 빨간색 테두리를 넣었고 테두리는 원래 텍스트와 같은 크기입니다. 나는 ...이 일하러 가야 할 정말로 확실하지 않다

HTML :

<div class="item draggable" id="item-1'"> 
    <div class="image-block"> 
     <a class="delete-button" title="delete me!" href="/remove/1" onclick="return $(this).confirm(\'Really remove this image?\');">X</a> 
     <a class="image" href="/edit/1"><img src="/someimage.jpg" /></a> 
     <div class="clear-block"></div> 
    </div> 
    <h3>Some title</h3> 
</div> 

CSS :

div.image-list div.item { 
    float:left; 
    background:#fff; 
    width:150px; 
    padding:5px; 
    margin:4px; 
    border:1px solid #d3d5d6; 
    } 
div.image-list div.item h3 { 
    margin:0; 
    padding:0; 
    border:solid 1px #F00; 
    } 
div.image-list div.item div.image-block a.delete-button { 
    float:right; 
    position:relative; 
    background:#fff; 
    display:none; 
    top:0.8em; 
    margin-bottom:-20.0em; 
    width:3em; 
    height:1.8em; 
    padding:0.2em 1em; 
    } 
div.image-list div.item div.image-block a.image { 
    float:left; 
    display:block; 
    } 
.clear-block { 
    clear:both; 
} 

JQuery와 :

$(".draggable").draggable({ 
    helper: 'clone', 
    start: function(ev, ui) { 
     $(ui.helper).effect("scale", { percent: 50 }, 200); 
    } 
}); 

Answer 1

신경 끄시 고, 그것은 내가 사용하고 있던 다른 스타일 시트와 충돌하는 선 높이였습니다. >.