如何调整div元素小于其内容的大小？

我有一个表格，在单元格中有一个TreeView。这里是我的代码：如何调整div元素小于其内容的大小？

<style> 
     #leftPanel 
     { 
      width:60px; 
      height:'100%'; 
      border:1px solid red; 
      background:yellow; 
     } 
    <style> 

     <table> 
     <tr> 
      <td> 
      <div id="leftPanel"> 
      <asp:PlaceHolder runat="server" ID="TreeView" /> 
      <%-- Here is a TreeView --%> 
      </div> 
      </td> 
     </tr> 
      <%-- other code --%> 
     <table> 

$(function() { 
     $('#leftPanel').resizable(
     { 
      handles: 'e, w' 
     }); 
    });

我不能减少我的div的大小少于我的TreeView的大小。我需要写什么代码才能让leftPanel小于TreeView的大小？如果TreeView节点的文本太长，这是必要的。

来源

2012-07-02 andDaviD

您可以在CSS中为div设置overflow属性。

将其设为overflow: auto;

DEMO

来源

2012-07-02 15:13:05 sachleen

正如@sachleen说，你必须使用overflow属性。如果你指定了overflow：隐藏的内容将被隐藏（没有scollbar）。 – Florent

谢谢。它帮助了我。 – andDaviD

如何调整div元素小于其内容的大小？

回答

相关问题