<div> <div class="two"></div> </div> </div> このCSS: .one {position: relative; height: 50px; } .two {position:"> <div> <div class="two"></div> </div> </div> このCSS: .one {position: relative; height: 50px; } .two {position:"> <div> <div class="two"></div> </div> </div> このCSS: .one {position: relative; height: 50px; } .two {position:" />

CSS - 高さ/分の高さを使わずに、相対的/絶対的に完全に視認可能な要素を作る?

多分奇妙な質問かもしれないが、私はそれにもかかわらず固執している。

私はこのような要素の構造を持っています:

<div class="one">
  <div>
    

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

このCSS:

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

どの要素にも最小高さや高さを使用できない場合は、CSSの方法で .two を完全に表示できますか?

手伝ってくれてありがとう!

UPDATE
Here is an example: tab view

0
1つはタブのヘッダー、2つはタブのコンテンツなので、はい、そこにコンテンツがあります。しかしどちらの方法(コンテンツ/コンテンツなし)、要素は後に来るものの後ろに隠されています
追加された 著者 frequent,
途中。 1分
追加された 著者 frequent,
私は例を挙げました。今はっきりしていることを願って
追加された 著者 frequent,
あなたの質問がより明確であれば私は助けることができました。あなたは身長や身長を使うことはできないと言っていますが、両方の部署に身長を設定しています。タブ付きのコンテンツセクションを作成するだけですか?
追加された 著者 Michael Rader,
そこにテキストや何かがありますか?それに何もない場合、なぜそれが目に見える必要があるのですか?
追加された 著者 Robert,
それが隠されている完全なケースの状況を投稿できますか?たぶん、www.jsfiddle.netを使ってそれを嘲笑してください。 @ Silver89が示唆したように、明らかにそれを修正するだろう。
追加された 著者 Robert,

2 答え

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

1
追加された
ああ、これは良いと思う。私が試してみましょう。
追加された 著者 frequent,
働いていない。私は何が間違っているかを明確にするために例を挙げました。これまでのところ助けを求めるThx。
追加された 著者 frequent,
いいアイデアですが、要素の構造をそのまま保つ必要があります。これは、これを行うために使用しているJquery Mobileによって作成されたデフォルトの構造であるためです。
追加された 著者 frequent,
したがって、コンテンツdivの位置を相対的に決めると、その幅は416ピクセルに制限されます。なぜなら、1つのタブの幅ではなく相対的な位置に置かれたときにページの幅全体に広がる異なる親要素の中にコンテンツdivを置くのはなぜですか?既にJavaScriptを使用している場合は、お金の価値があるかもしれません。
追加された 著者 Aaron,
うーん...そういう場合、子divを position:relative に設定してから、親の幅よりも大きなパーセンテージベースの幅を与えることができます。 (例えば、3つのタブがある場合、幅は300%から要素の左右にある余分なパディングを引いたものになります)。もちろん、これにはJavaScriptが必要です。
追加された 著者 Aaron,

純粋なCSSではNopezは不可能です。

要素がコンテナに絶対配置されているので、それがどれほど高いかは分かりません。

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

0
追加された
では、なぜこれは機能しますか? jsfiddle.net/buc87c37
追加された 著者 MEM,