css定位和對象的順序

Question

我想調整我的網站，並一直坐在電腦上太久，因此我不知道我的錯誤在哪裏。希望有人可以幫助一個有基本知識的人。

這裏是我的CSS：

#body {float: left; width: 100%; min-height:100%;} 

#header-wrap, 
#slider-wrap, 
#content-wrap, 
#footer-wrap { 
     float: left; 
     clear: both; 
     width: 100%; 
     } 

#header-wrap { 
     float: left; 
     width: 100%; 
     } 



#header {height: 100px;} 
#slider {height: 500px;} 
#content {padding: 0; text-align: left;} 

我想

position: absolute; top: 0px 

添加＃滑蓋包裝，使其開始在標題下的右上方，但是當我這樣做，無論是＃內容向上移動並直接放置在滑塊下面？

什麼是這些對象的正確定位，使得它們按以下順序顯示： 1.頭 2.滑塊（部分下的標頭） 3.內容

和網頁上沒有滑塊內容應該遵循標題？

這個菜鳥任何線索將不勝感激

Answer 1

此：

#header-wrap, 
#slider-wrap, 
#content-wrap, 
#footer-wrap { 
    float: left; 
    clear: both; 
    width: 100%; 
    } 

意味着所有三個規則適用於所有的四個指定的元素。如果你在那裏添加你的position規則，它將適用於所有這些元素。

相反，嘗試添加：

#slider-wrap { position: absolute; top: 0px }