javascript - 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

overflowCSSでdivのプロパティを設定できます。

に設定しますoverflow: auto;

デモ