gpt4 book ai didi

html - 使用 CSS 我怎样才能使滚动条出现以访问在窗口调整大小时消失的 div?

转载 作者:行者123 更新时间:2023-11-28 10:23:48 26 4
gpt4 key购买 nike

我认为这可能是一个简单的修复,但我似乎无法弄明白。我无法让 overflow: scroll 或 overflow: auto 工作。有人有什么想法吗?

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

最佳答案

position: fixed; 不行,试试 position: absolute;

fixed 无论如何都没有意义,因为它会保留浏览器上的位置。

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

关于html - 使用 CSS 我怎样才能使滚动条出现以访问在窗口调整大小时消失的 div?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23849996/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com