css - 高度自动在许多 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>

我现在的问题是 height:autosection#sec在其中的许多 div 中不起作用...

有没有什么方法可以在不删除任何 div 的情况下，自动调整高度？

Answer 1

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

 section#sec div
 {
     height:auto;
 }

但由于height:auto已经是默认值，您可能正在寻找完全不同的东西。