gpt4 book ai didi

jquery - body 之间的差异 { overflow hidden; } 和#div { overflow hidden ; }

转载 作者:行者123 更新时间:2023-11-28 15:37:18 27 4
gpt4 key购买 nike

我对 overflow:hidden 和 body 标签有疑问。这是一个小例子

主体版本(不工作)

<body style="border: 1px solid #ff0000; width:100%; height:200px; overflow:hidden;">
<div style="width:50px; height:50px; border: 1px solid #0000ff; position:absolute; top-10px;"></div>
</body>

http://jsfiddle.net/5hGSp/13/

DIV 版本(有效)

    <div style="border: 1px solid #ff0000; width:100%; height:200px; overflow:hidden;">
<div style="width:50px; height:50px; border: 1px solid #0000ff; position:absolute; top-10px;"></div>
</div>

http://jsfiddle.net/5hGSp/12/

问题是什么?
当您单击(鼠标中键)进入红色区域时 -> 鼠标软件启动滚动功能。 enter image description here

...但仅限于“主体版本”!

希望有人能帮助我。

提前致谢!
彼得



编辑:
对不起,我很难用英语解释它。但我再试一次。

1) 将代码复制到.*html 文件中。
2) 打开文件并单击(鼠标中键)进入正文标签(红色区域)。
3) mousescroll 功能启动了吗? ...您是否看到滚动图标(例如来自罗技软件?)
4a) 如果没有,一切正常
4b) 你看到图标了吗?你知道如何禁用吗? -> 请写评论

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
body {
border: 1px solid #ff0000;
width:100%;
height:200px;
overflow:hidden;
}
</style>
</head>

<body>
<div style="width:50px; height:50px; border: 1px solid #0000ff; position:absolute; top:-10px;"></div>
</body>
</html>

最佳答案

纳巴布写道:

Body is not a block element.

关于jquery - body 之间的差异 { overflow hidden; } 和#div { overflow hidden ; },我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5003585/

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