0

2 つの div A と B をスタックしようとしています。

Div A - スクロール可能になりますが、その高さはその下の div によって決定される必要があります。Div B の場合、Div B のコンテンツが変更され、その高さが変更されると、Div A の高さも変更されます。

Div B - 絶対配置フッターの上でページの下部に配置する必要があります。そのコンテンツは下に揃える必要があります。

これらの div をラッパーでラップして相対位置とフロートを使用しようとしましたが、Div B をフッターの上に配置または絶対配置しようとすると、すべてが壊れます。

これは基本に戻る必要があると感じています。どんな助けも大歓迎です

ありがとう

4

2 に答える 2

0

この質問とフィドルの助けを借りて、これを達成することができました。

css の div 要素を垂直方向に積み重ねます (動的な高さで) http://jsfiddle.net/nCrEc/334/

基本的に答えは、高さパラメーターを使用せずに Div A に高さを与えることでしたが、代わりに上下の絶対位置を使用しました。つまり、Div B を変更すると、Div A の下部 (oo er) の位置が変更され、別の div が下部領域に配置されるたびに中央の div が押し上げられました。 

<div class="con">
    <div class="top"></div>
    <div class="middle"></div>
    <div class="bottom"></div>
</div>

次に、このCSSを使用して

.con {
width:200px;
top:50px;
bottom:0;
left:0;
position:absolute;
background:#ff0;
}
.top {
width:200px;
height:20px;
position:absolute;
top:0;
left:0;
background:#f60;
}
.bottom {
width:200px;
height:50px;
position:absolute;
bottom:0;
left:0;
background:#f60;
}
.middle {
overflow-y:auto;
min-height:1px;
position:absolute;
bottom:50px;
top:20px;
left:0;
background:#06f;
}
于 2013-10-14T15:19:10.470 に答える