2016-06-17 14 views
0

私は崩壊することができるサイドナビを持っています。私は、ツールバーのdivを上部に固定し、残りの幅を埋めるようにしたい。 100%はそれをページ外に出す。私はsidenavの動的な幅のためcalc()を実行できません。位置:動的な幅の横のdivの隣にあるdivの固定ツールバー

位置を設定するにはどうすればいいですか?残りの幅を埋めるためにdivを固定しますか?

これは、私が使用しているためフィドルを作ることは本当に難しいです角度が、基本的には:

<body layout="row"> 
    <div layout="column" class="menu"> 
    Menu 
    </div> 
    <div class="view"> 
    <div class="toolbar"> 
     I'm a toolbar 
    </div> 
    Rest of the stuff on the page 
    </div> 
</body> 

.menu { 
    height: 100%; 
    width: 300px; //current width anyway 
} 
.view { 
    width: 100%; 
} 
.toolbar { 
    background-color: grey; 
    width: 100%; 
    position: fixed; 
    height: 60px; 
} 

問題は、この男のようになります。Position Fixed width 100%

しかし、私は、ダイナミックの問題を持っていますサイドナビゲーション

+3

問題の最小例 - スニペットを追加してください。特にあなたのCSSとHTML。 –

+0

これはCSSクラスがあまりにも多分見えるのを助けるでしょう。 – OysterMaker

答えて

1

あなたはposition: fixedを持つ要素のCSS rightプロパティを設定する場合は、ページの端を過ぎて行くことはありません。

right: 0; 

width: 100%も必ず削除してください。

関連する問題