Question

我有一个外部div'draggable'，如果我们写一个非常大的内容，它会自动扩展，但跨度宽度仍然是固定的。

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;
}

具有“太'类的范围不会相应地扩展。我也尝试过漂浮，但它没有用。

Answer 1

我试过这个，它对我来说很好。您的代码中可能还有其他一些样式导致此问题。请你发一个小提琴，这样我们就可以查看更多了。

如何使用外部div自动调整范围

1 个答案: