gpt4 book ai didi

html - 滚动时内容重叠

转载 作者:太空宇宙 更新时间:2023-11-03 23:50:16 26 4
gpt4 key购买 nike

我想固定 div1 的 id,我已经使用 position:fixed 属性实现了这一点

但是 div1 下方的内容在滚动时与 div1 重叠。

我想在滚动时避免重叠。

以下是我的代码:

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<div id="div1" style="position : fixed; padding: 5px 0 0 5px; height: 140px; width: 150px;">dsfdsfdsfsdfds</div>
<br/><br/><br/><br/>
sfhskdfdsjfs
<br/><br/>
sfhskdfdsjfs
<br/><br/>
sfhskdfdsjfs
<br/><br/>
sfhskdfdsjfssfhskdfdsjfssfhskdfdsjfs
<br/><br/>
sfhskdfdsjfs
<br/><br/>
sfhskdfdsjfs
<br/><br/>
sfhskdfdsjfs
<br/><br/>
sfhskdfdsjfs
<br/><br/>
sfhskdfdsjfs
<br/><br/>
sfhskdfdsjfs
<br/><br/>
fhskdfdsjfs
<br/><br/>
sfhskdfdsjfs
<br/><br/>
sfhskdfdsjfs
<br/><br/>
sfhskdfdsjfs
<br/><br/>
sfhskdfdsjfs
<br/><br/>
sfhskdfdsjfs
<br/><br/>
sfhskdfdsjfs
<br/><br/>
sfhskdfdsjfs
<br/><br/>
sfhskdfdsjfs
<br/><br/>
sfhskdfdsjfs
<br/><br/>
sfhskdfdsjfs
<br/><br/>

</body>

</html>

最佳答案

给你。

WORKING DEMO

HTML:

<div id="div1" style="background: none repeat scroll 0 0 #ffffff; height: 29px;  margin-top: -8px;  padding: 5px 0 0 5px;  position: fixed; width: 240px;">dsfdsfdsfsdfds</div>
<br/><br/><br/><br/>
sfhskdfdsjfs
<br/><br/>
sfhskdfdsjfs
<br/><br/>
sfhskdfdsjfs
<br/><br/>
sfhskdfdsjfssfhskdfdsjfssfhskdfdsjfs
<br/><br/>
sfhskdfdsjfs
<br/><br/>
sfhskdfdsjfs
<br/><br/>
sfhskdfdsjfs
<br/><br/>
sfhskdfdsjfs
<br/><br/>
sfhskdfdsjfs
<br/><br/>
sfhskdfdsjfs
<br/><br/>
fhskdfdsjfs
<br/><br/>
sfhskdfdsjfs
<br/><br/>
sfhskdfdsjfs
<br/><br/>
sfhskdfdsjfs
<br/><br/>
sfhskdfdsjfs
<br/><br/>
sfhskdfdsjfs
<br/><br/>
sfhskdfdsjfs
<br/><br/>
sfhskdfdsjfs
<br/><br/>
sfhskdfdsjfs
<br/><br/>
sfhskdfdsjfs
<br/><br/>
sfhskdfdsjfs
<br/><br/>

希望这对您有所帮助。

关于html - 滚动时内容重叠,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20399692/

26 4 0
文章推荐: css @media 没有按预期工作
文章推荐: css - 我如何更改 JSF 文件的背景
文章推荐: python - Project Euler #101 - 如何解决 numpy 多项式溢出问题?
文章推荐: css -
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com