高度自动不在许多div工作

Question

我有这个HTML代码

<section id="sec" style="height:auto">
  <div id="wrap">

     <div id="con">
     <h1>....</h1>
          <div id="col1">
                 <p>... long texts ...</p>
          </div>
          <div id="col2">
                 <p>... long texts ...</p>
          </div>
     </div>

  </div>
</section>
<div id="buttom" style="border-top: 1px solid rgb(153, 153, 153)">
   <p>...text here ... </p>
</div>

我现在的问题是section#sec的高度：auto在其中的许多div中都无效...

有没有什么方法可以删除任何div，高度auto会起作用吗？

Answer 1

height不是从父元素继承的属性。如果你想让section#sec里面的div继承这个属性，你需要在CSS中为它做一个选择器（或者在每个上面设置内联样式）。

 section#sec div
 {
     height:auto;
 }

但由于height:auto已经是默认，您可能正在寻找其他内容。