2011-12-18 4 views
0

多分奇妙な質問かもしれないが、私はそれにもかかわらず固執している。CSS - 高さ/最小高さを使用せずに相対/絶対位置が完全に視認可能な要素を作成しますか?

私はこのような素子構造を持っている:

<div class="one"> 
    <div> 
    <h3></h3> 
    <div class="two"></div> 
    </div> 
</div> 

と、このCSS:私が使用できない場合

.one {position: relative; height: 50px; } 
.two {position: absolute; height: 500px; } 

.twoことを確認するためにCSSの方法はありますが、完全に表示されています任意の要素の最小高さまたは高さ?

ありがとうございました!ここで

UPDATE
は一例です:tab view

+0

テキストなどがありますか?それに何もない場合、なぜそれが目に見える必要があるのですか? – Robert

+0

1つはタブのヘッダ、2つはタブの内容なので、はい、コンテンツがあります。しかしいずれかの方法(コンテンツ/コンテンツなし)は、それが来るものの後ろに隠されています – frequent

+0

あなたはそれが隠されている完全なケースの状況を投稿できますか?たぶん、www.jsfiddle.netを使ってそれを嘲笑してください。 @ Silver89が示唆したように、明らかにそれを修正するだろう。途中で – Robert

答えて

0

Nopez純粋なCSSとはできません。

要素がコンテナに絶対配置されているため、要素の高さはわかりません。

あなたはJavascriptソリューションを使用することもできます。または、容器に高さを与えます。

+0

これはなぜ機能しますか? https://jsfiddle.net/buc87c37/ – MEM

1

残念ながら、.twoが絶対配置されているため、相対配置された.oneを子のサイズに合わせて自動的に展開する方法はありません。ただし、.twoを表示する必要がある場合はoverflow: visible;スタイルルールを.oneに適用すると、.twoがその親の下端を超えて拡大することができます。

+0

ああ、これはいいようです。私が試してみましょう。 – frequent

+0

が機能しません。私は何が間違っているかを明確にするために例を挙げました。これまでのところ助けを求めるThx。 – frequent

+0

したがって、コンテンツdivの位置を相対的に決めると、その幅は416ピクセルに制限されます。なぜなら、1つのタブの幅ではなく相対的な位置に置かれたときにページの幅全体に広がる異なる親要素の中にコンテンツdivを置くのはなぜですか?既にJavaScriptを使用している場合は、お金の価値があるかもしれません。 – Aaron

関連する問題