html - 左側のサイドバー DIV の高さが大きくなるのを妨げている CSS 定義はどれですか?

Question

このページで左側のサイドバー (背景がピンクがかったサイドバー) の高さが大きくなるのを止めている CSS クラス定義を特定するのに問題があります。

考えられるすべてを試し、 、 、、およびその他すべてにheight:auto;およびoverflow:auto;を追加するなど、ここで多くの質問を調査したことを前に述べておく必要がありました。 col-leftsidebarcol-main

誰かがそれを特定するのを手伝ってくれますか?

Answer 1

At a glance, I think the main problem is the use of position:absolute for .col-left. position:absolute causes that element to be outside of the flow of the rest of the page. The height of it has no effect on the resulting height of its parent (as if it were not inside the parent).

Answer 2

ページのソースを見ると、要素の高さが CSS で指定されていません。サイドバーを大きくしたい場合は、高さおよび/または最小/最大高さのプロパティを指定する必要があります。

Answer 3

多くの高さの値が 100% に設定されています。コンテンツの垂直方向の領域を増やすことができるようになるまで、ページの div クラスまで行く必要がありました。

非常に多くの要素でその特定の高さプロパティを使用する必要があるかどうかを評価することをお勧めします。理由もなく自分自身を制限している可能性があります。