Как изменить размер элемента 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

Вы можете установить свойство overflow для div в CSS.

Установите его overflow: auto;

DEMO