html/cssポジショニングのようなフェイスブック

Question

私は自分の「ヘッダー」divの位置を固定しましたが、今は灰色とオレンジ色のdivがヘッダーdivの直後ではなく上に移動しました。

私はdiv要素が100％になりたいテキストが画面を通過していないが場合、後にヘッダページの高さの100％であることを私のグレーとオレンジのdivをしたい他のテキストの高さ。 （例jsfiddle）

どうすればこのことが可能ですか？ここで

#header { 
position: fixed; 
background-color: #a6c7ec; 
height: 50px; 
width: 100%; 
top: 0px; 
float: top; 
opacity: 0%; 

}

私jsfiddleです：http://jsfiddle.net/xwwo2deq/

Answer 1

あなたはdiv要素は、ヘッダ

margin-top:50px; 

の下に来させるために、オレンジとグレーのdivにこのcssを追加することができます次にdivの高さをテキストの高さと同じにするdo

height:auto; 

今、あなたはdiv要素は、デバイスの高さの100％以上を使用したくない場合は、このあなたがサポートする必要がないブラウザ

max-height:100%;