html/css定位 - 像Facebook

Question

我做了我的「標題」div位置：固定，但現在我的灰色和橙色div移動到頂部，而不是在標題div下啓動。

我希望我的灰色和橙色的div頭如果後，在頁面高度的100％有文字沒有通過屏幕，其他我想的div是的100％文本高度。 （例如在jsfiddle中）

我該如何做到這一點？

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

}

這裏是我的的jsfiddle：http://jsfiddle.net/xwwo2deq/

Answer 1

可以將此css增加了橙色和灰色div來使的div來的頭

margin-top:50px; 

下方然後使div高度與文本的高度相同

height:auto; 

現在，如果你不想在div是設備的高度超過100％使用此

max-height:100%;