0

次の問題。Webページ上にdivレイヤーが必要です。このレイヤーは300pxの後で始まり、Webサイトの終わりで終わる必要があります。

<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を挿入すると、スクロールバーを使用してWebサイトがどんどん大きくなります。

何か案は？よろしくお願いします

4

2 に答える 2

1

絶対位置を使用しているため、マージンの代わりに使用する必要があります

top:300px;
于 2012-11-09T13:07:53.987 に答える
0

私があなたを正しく理解した場合：

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;
}​
于 2012-11-09T13:10:37.190 に答える