頂部有保證金的圖層

Question

以下問題。 我需要一個div層在我的網頁上。此圖層應該在300px之後開始，並以網站結束結束。

<div style ="  background-color: #FCFCFC; 
        display: block; 
        height: 100%; 
        min-height: 100%; 
        height:auto !important; 
        overflow: hidden !important; 
        opacity: 0.8; 
        left: 0; 
        position: absolute; 
        top: 0; 
        width: 100%; 
        z-index: 1100; 
        overflow: hidden !important; 
        margin: auto; 
        min-height: 100%; 
        height:auto !important; 
        height:100%; 
        "> 

現在這個工程，但：我沒有我的保證金在頂部。 如果我插入margin-top：300px網站只是隨着滾動條變得越來越大。

任何想法？ 問候

Answer 1

如果我理解正確你：

http://jsfiddle.net/lollero/BjbQc/

CSS：

body { 
    position: relative; 
} 

div { 
    background: red; 
    position: absolute; 
    top: 300px; 
    right: 0px; 
    bottom: 0px; 
    left: 0px; 
    opacity: 0.5; 
}​ 

Answer 2

您使用絕對如此，而不是保證金位置，你應該使用

top:300px;