2016-08-09 6 views
-1

これを理解するために苦労しているどんな助けもありがとうございます。サイドバーラッパーはページコンテンツラッパーでは展開されません

私は文書全体を囲むメインの#wrapper divを持っています。次に、ナビゲーション用の#sidebar-wrapperとコンテンツ用の#page-content-wrapperがあります。問題は、コンテンツが展開されたときにサイドバーラッパーが展開しないことです。私は彼らがどちらも絶対的な立場にあることを知っている、私は相対的なポジショニングを試みているとどちらもうまくいきませんでした。

サイドバーラッパーdivは、ページコンテンツラッパーdivの成長に伴って下に伸びる必要があります(高さ)。

私は助けていただきありがとうございます。ありがとうございました。 SOLUTION見つかりwrapper fiddle

:ページ・コンテンツ・ラッパーのオーバーフロー-xが隠さに設定され、それがサイドバーのラッパーはドキュメントサイズの100%に拡大されるべきである

はここでフィドルです。このような外側のラッパーの

+0

ダウン理由もなく質問を投票のおかげで...あまりにも本当に便利です。少なくともあなたが投票したら、私がここに来てロープを学ぼうとしている理由を言ったのです。私の質問はここではあまりにも馬鹿だと思います。 – rodcunha

+0

どちらの方向に展開したいですか?質問は幅を示唆していますが、あなたのフィドルは高さを示していますか?あなたのフィドルを見ても、相対単位ではなく固定単位(px)を使用しています(%)。固定ユニットは、JavaScriptの介入やCSSのメディアクエリが定義されていない限り自然に拡張されません – elmarko

+0

ページコンテンツラッパーdiv – rodcunha

答えて

0

使用の相対位置:

#wrapper.toggled 
{ 
    padding-left: 250px; 
    overflow: hidden; 
    position:relative; 
} 
+0

私はそれを試して、それは動作しませんでした。それが判明したとき、解決策はページコンテンツラッパーオーバーフロー-xにあって、何らかの形で他のdivに影響を与えていました。あなたの答えをありがとう。 – rodcunha

+0

しかし、私はあなたのフィドルでこれを使用し、それは完璧に働いた! –

+0

ありがとう。私もそれを試してみます。再びありがとうございました。 – rodcunha

関連する問題