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

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

...但仅限于“主体版本”!
希望可以有人帮帮我。

提前致谢!
彼得


编辑:
对不起,我很难用英语解释它。但是我再试一次。
1)将代码复制到。* html文件中。
2)打开文件,然后在正文标签(红色区域)中单击(鼠标中键)。
3)mousescroll功能启动了吗? ...您是否看到滚动图标(例如从Logitech软件获得的滚动图标?)
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>

最佳答案

纳巴布写道:


  主体不是块元素。

07-26 05:25