防止定位內容：固定;當窗口調整大小時，從窗簾聚集

我希望這不是一個轉發！我已到處尋找，所以我很抱歉，如果是的話。防止定位內容：固定;當窗口調整大小時，從窗簾聚集

我有一個頭部div位置：固定，它有一些圖像鏈接和登錄div。由於位置：fixed是相對於窗口的，所以無論何時調整窗口大小以測試流動性，header div中的內容都會被卡住，並開始下降頁面。

有無論如何得到一個水平滾動條出現並刪除空間？我有最小寬度設置在身體和頭部div但沒有運氣。目前我不是爲IE編寫代碼，而只是使用最新的Chrome和Firefox進行測試。

謝謝你的幫助！

CSS：

body { 
min-width:1000px; 
padding-top:0; 
padding-bottom:0; 
margin:0; 
background-color:#022F00; 
} 

.container { 
padding: 0; 
margin-left:auto; 
margin-right:auto; 
height:100%; 
margin-top:160px; 
} 

.header { 
width:inherit; 
padding:5px; 
position:fixed; 
left:20px; 
right:20px; 
top:15px;; 
min-width:850px; 
} 

.login { 
float:right; 
padding:0; 
margin:0; 
border:0; 
position:relative; 
} 
img { 
margin:0; 
border:0; 
padding:0; 
} 

a { 
margin:0; 
border:0; 
padding:0; 
}

HTML：

<body> 
<div class="container"> 
<div class="header" id="titlebar"><img src="title.jpg" /><a href="createaccount.php"><img src="newaccount.jpg"></a><a href="addarticle.php"><img src="newarticle.jpg"></a><a href='myaccount.php' rel=''><img src="myaccount.jpg"></a> 
    <div class="login" id="logindiv">content</div> 
</div> 
</div> 
</body>

來源

2010-12-05 Siriss

，我發現這個解決方案，它可以幫助你

設置一個最小寬度，您的容器：

#container { min-width: 1000px;}

你可能要檢查這個環節

Two divs floating left and right: How can I keep them on the same level when a page resizes?

有人回答「兩個div浮動左，右：我怎樣才能讓他們在同一水平上，當一個頁面調整大小？「follow this link

來源

2010-12-05 21:22:38

我已經嘗試了內聯CSS來解決這個問題，但我並不真正瞭解這是如何產生影響的？ – Siriss 2010-12-05 21:57:01

防止定位內容：固定;當窗口調整大小時，從窗簾聚集

回答

相關問題