Question

我认为这可能只是一个简单的修复，但我似乎无法弄明白。我无法溢出：滚动或溢出：自动工作。有没有人有任何想法？

<html>
    <head>
    <style>
        #container
        {
        }

        #leftDiv
        {
            background-color: #DA4747;
            display: in-line;
            height: 500px;
            left: 200px;
            position: fixed;
            top: 100px;
            width: 400px;

        }

        #rightDiv
        {
            background-color: #DA4747;
            display: in-line;
            height: 500px;
            left: 800px;
            position: fixed;
            top: 100px;
            width: 400px;
        }
    </style>

    </head>
    <body>
        <div id="container">
            <div id="leftDiv">
            </div>
            <div id="rightDiv">
            </div>
        </div>  
    </body>

Answer 1

position: fixed;无法使用，请尝试position: absolute;

已修复无论如何都不会因为它在浏览器上保持位置。

absoulte根据其父元素保持位置。

这是一个fiddle

<div id="container">
    <div id="leftDiv"></div>
    <div id="rightDiv"></div>
</div>


#container {
    overflow: auto;
}
#leftDiv {
    background-color: #DA4747;
    display: in-line;
    height: 500px;
    left: 200px;
    position: absolute;
    top: 100px;
    width: 400px;
}
#rightDiv {
    background-color: #DA4747;
    display: in-line;
    height: 500px;
    left: 800px;
    position: absolute;
    top: 100px;
    width: 400px;
}

使用CSS我怎么能这样做，所以滚动条似乎访问在窗口调整大小时消失的div？

1 个答案: