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:auto がそのsection#sec中の多くの div で機能しなかったことです...

divを削除せずに高さの自動が機能する方法はありますか?

Answer 1

height親要素から継承されたプロパティではありません。内部の div にこのプロパティを継承させたい場合はsection#sec、CSS でセレクターを作成する (またはそれぞれに手動でインライン スタイルを設定する) 必要があります。

 section#sec div
 {
     height:auto;
 }

しかし、height:autoはすでにdefaultであるため、まったく別のものを探している可能性があります。