html - 如何使用其外部div自动调整跨度

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

具有类“too”的跨度没有相应地扩展。我也试过 float ，但它不起作用。

Answer 1

我试过了，对我来说效果很好。可能是您代码中的其他一些样式导致了此问题。您能否发布一个 fiddle ，以便我们可以对此进行更多检查。