0

ラッパー div 内に 2 つの列を持つ Web サイトがあります。

ラッパーは、フローティングすべてを指定し、ラッパーを指定することで、最も高い div と同じ高さになりますheight:100%。

ここに私の問題があります: 列の 1 つは、overflow:scroll とその中にいくつかの画像を含む div です。ラッパーの高さ全体を占めると考えて、高さを 100% に設定しようとしました。代わりに、すべての画像を重ね合わせた高さになりました。

画像 ( ) を含む列の#rightbox高さをピクセル単位の特定の高さに設定すると、これが発生します。

テキストを含む他のdivと同じ高さにしたいので、高さを100％に設定します。次に、これが起こります。

2 つの列を同じ高さにするにはどうすればよいですか?

編集: テキストの量が異なることを忘れていたので、ラッパーの特定の高さを定義することはできません。

4

2 に答える 2

1

100%両親が実際の身長を提供しない限り、身長を定義することはできません。

#wrapper {
   height: 800px;
}

/* Now you can make the columns inside take the full height of its parent *?
#wrapper .columns {
   height: 100%;
   overflow: auto;
}

注:ラッパーが要素内にある場合は、ラッパーを設定する前bodyに設定する必要があります。html,body { height: 100%; }100%

于 2012-04-05T23:47:27.613 に答える
0

提供されるコードの量が限られていることを考えると...これは純粋なcssソリューションです。

http://jsfiddle.net/rlemon/Q7MvS/

.wrapper {
 height: 600px;
 width: 800px;   
}
.panel {
 float: left;
 width: 400px;  
 height: 100%;    
}
.panel.right {
 overflow: scroll;
}

</p>

于 2012-04-05T23:42:13.780 に答える