自动调整师的身高＆amp; html中的宽度

Question

Hello im basic developer，以下是我的HTML代码： -

 <div class="col-xs-12 col-md-8 divMainContainer" style="overflow:auto;" id="divmsgPost"> // used bootstrap
   <div id="divContent" style="overflow:auto;">
   <span class="wordwrap">
 <------- User's  Content here !-->// can be anything , text or image
   </span>
    </div>
   </div>

的CSS

   .divMainContainer {
      margin-left: -3px;
       width: 450px;
     height:auto;
      }

      #divContent 
       {
        height : auto;
        width : 450px;

       }

     .wordwrap {
     white-space: pre-wrap;      /* CSS3 */   
     white-space: -moz-pre-wrap; /* Firefox */    
     white-space: -pre-wrap;     /* Opera <7 */   
     white-space: -o-pre-wrap;   /* Opera 7 */    
     word-wrap: break-word;      /* IE */
      }

之后，提供以上必要性，是否需要使divContent自动调整大小而不显示滚动条？因为overflow:auto会滚动内容，但不会根据用户的内容展开div。真的需要一些帮助来了解哪些语法是必要的，以完成所需的工作。谢谢