2

サイドバーにを設定するmin-height: 700px;と正常に機能しますが、コンテンツの長さが700ピクセルを超えると、サイドバーが終了し、ページのコンテンツがページの全幅を占めます。サイドバーをコンテンツと同じ長さまたは短さでページの長さまで下げてほしい。これはどのように行うことができますか？

これが私のサイドバーのcssコードです：

#sidebar
{
    float: right;
    min-height: 700px;
    min-width: 25%;
    background-color: #FFFFFF;
}

高さを変更する100%と、サイドバーが完全に消えます。

これがhtmlコードです。

<bod>
  <div id="sidebar"></div>
  <div id="content">Content here....</div>
</div>
4

2 に答える 2

3

position:absolute;でそれを与えるbottom:0px;

それをチェックしてください：http：//jsfiddle.net/AliBassam/McJG8/

HTML

<div id="parentDiv">
  <div id="content">Content here....</div>
  <div id="sidebar"></div>
</div>

CSS

#parentDiv
{
    position:relative;
    min-height:700px;
}
#sidebar
{
    position:absolute;
    right:0px;
    bottom:0px;
    top:0px;
    width:100px;
}

中身で伸ばせば、意志も伸び#parentDivます。min-height:700px;#sidebar

于 2013-02-06T00:19:40.353 に答える
1

何をしようとしているのか正確な要件がわからないので、これはFauxColumnsを使用して簡単に修正できるソリューションのように聞こえます。

于 2013-02-06T00:43:48.680 に答える