如何調整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元素小於其內容的大小？

回答

相關問題