如果子div可以调整大小,为什么只有父级div的高度可调?

时间:2016-11-10 06:48:30

标签: javascript jquery html css html5

我是html开发的新手。我分享了我有两个div的简单代码。一个div是父div,第二个div就是它的子div。所以现在的问题是,当我调整子div时,只有高度可调,但当我调整chid div到父div的右侧宽度不可调但我想要它。所以请任何人帮助我。以下是我的代码:



<div style='border:1px solid;padding:20px;width:auto;height:auto;'>
  <div style="resize: both;overflow:auto;border:1px solid;width:500px;height:200px;"/>
</div> 
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:2)

您只需使用display: inline-block

.first {
  border:1px solid;
  padding:20px;
  width:auto;
  height:auto;
  display: inline-block;
}
.second {
  resize: both;
  overflow:auto;
  border:1px solid;
  width:500px;
  height:200px;
}
<div class="first">
 <div class="first">
 
<div class="second"></div>
  <br>
<div class="second"></div>
   </div>
  </div>