2015-10-21 27 views
0

我有一個外部div'可拖動',如果我們寫入非常大的內容,它會自動擴展,但跨度寬度保持不變。如何使用外部div自動調整跨度

HTML

<div id="draggable" class="ui-widget-content" style="word-break: keep-all"> 
    <span class="too" > 
     <div id="symbol" style="POSITION: relative;float:right;"> 
     <span class='switch-icons'>-</span> 
     <a id="switch"><img id="img1" src="images/minus.png" alt="minus" height="15" width="15" ></a> 
     <a onclick="javascript:closeFullScreenView()"><img src="images/close-bt.png" alt="close" height="15" width="15" ></a> 
     </div> 
     <p class="ui-widget-header" style="FLOAT: left"> 
     FileNo.: 
     <s:property value="fileNo"/> 
     </p> 
    </span> 
    <div id="ajaxContent" style="overflow-Y:auto;"> 
    </div> 
</div> 

CSS

.too { 
    width: auto; 
    display: block; 
    float: right; 
} 

跨度上課 '太' 沒有相應擴大。我也試過浮動,但它不工作。

+1

你能張貼小提琴嗎?所以我們可以幫助你。 –

+0

你能用完整的代碼創建一個小提琴來更好的理解嗎? @Coder – abidkhanweb

回答

0

我試過這個,它對我來說工作正常。您的代碼中可能會有其他一些樣式導致此問題。你能不能請一把小提琴,這樣我們可以進一步檢查。