如何調整div元素的大小，使其小於其內容？

Question

我有一張桌子，一個單元格中有一個TreeView。 這是我的代碼：

   <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節點的文本太長，則很有必要。

Answer 1

您可以在CSS中為div設置overflow屬性。

將其設置為overflow: auto;

演示