Html 有了CSS，我怎样才能让滚动条显示访问窗口大小调整后消失的div？_Html_Css

Html 有了CSS，我怎样才能让滚动条显示访问窗口大小调整后消失的div？

html css

Html 有了CSS，我怎样才能让滚动条显示访问窗口大小调整后消失的div？,html,css,Html,Css,我认为这可能是一个简单的解决方案，但我似乎无法理解。我无法使溢出：滚动或溢出：自动工作。有人有什么想法吗 <html> <head> <style> #container { } #leftDiv { background-color: #DA4747; display: in-line; h

我认为这可能是一个简单的解决方案，但我似乎无法理解。我无法使溢出：滚动或溢出：自动工作。有人有什么想法吗

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


#容器
{
}
#左撇子
{
背景色：#DA4747；
显示：在线显示；
高度：500px；
左：200px；
位置：固定；
顶部：100px；
宽度：400px；
}
#右舵
{
背景色：#DA4747；
显示：在线显示；
高度：500px；
左：800px；
位置：固定；
顶部：100px；
宽度：400px；
}

位置：固定不起作用，尝试位置：绝对
“修复”将毫无意义，因为它保留了浏览器上的位置
Absolute根据其父元素保持位置
这是一个

#容器{
溢出：自动；
}
#左撇子{
背景色：#DA4747；
显示：在线显示；
高度：500px；
左：200px；
位置：绝对位置；
顶部：100px；
宽度：400px；
}
#右舵{
背景色：#DA4747；
显示：在线显示；
高度：500px；
左：800px；
位置：绝对位置；
顶部：100px；
宽度：400px；
}
我认为您的问题出在位置：fixed
-溢出不适用于使用fixed或absolute定位的元素。显示：串联应显示：内联块
<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;
}