Question

我对overflow:hidden和正文标记有疑问。这是一个小例子

正文版（不合作）

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

有什么问题？
当您单击（鼠标中键）进入红色区域时 - ＆gt;鼠标软件启动滚动功能。 enter image description here

...但仅限于“身体版”！

希望有人可以帮助我。

事先

谢谢！彼得

修改
Sry，我很难用英语解释它。但我再试一次。

1）将代码复制到。* html文件中 2）打开文件，然后单击（鼠标中键）到正文标签（红色区域） 3）mousescroll功能是否开始？ ...你看到了一个滚动图标（例如来自罗技软件吗？）
4a）如果没有，一切正常 4b）你看到了图标？你知道如何禁用？ - ＆GT;发表评论请点击

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

Answer 1

Nabab写道：

Body不是块元素。

身体之间不同{溢出隐藏; }和#div {溢出隐藏; }

1 个答案: