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

您使用的是绝对位置，而不是保证金，您应该使用

top:300px;

Answer 2

如果我理解正确的话：

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;
}

顶部有边距的图层

2 个答案: