我对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>
最佳答案
纳巴布写道:
主体不是块元素。