2016-03-18 57 views
0

我有一個頭DIV具有以下CSS屬性:如何使固定標題滾動水平?

.header{ 
top: 0px;width: 100%;min-width: 980px; 
height: 70px;position: fixed; 
} 

這裏的問題是,當我放大到瀏覽器右側的標題導航鏈接拋出頁面。所以我想要有一個固定的標題,在縮放瀏覽器的同時水平滾動頁面的其餘部分。通過一些javascript相關問題的答案,但沒有一個是有希望的。

+0

你能爲此提供jsfiddle嗎? – NeosFox

+1

'overflow-x:scroll;' –

回答

0

我刪除了min-widthwidth屬性,因爲我假設你想要窗口的整個寬度。您只需要使用topleftright等於0的值。 JSFIDDLE

.header{ 
margin: 0; 
top: 0px; 
left: 0; 
right: 0; 
height: 70px;position: fixed; 
background-color: white; 
} 
a { 
    float: right; 
}