首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >主体{溢出隐藏;}和#div {溢出隐藏;}

主体{溢出隐藏;}和#div {溢出隐藏;}
EN

Stack Overflow用户
提问于 2011-02-15 12:23:08
回答 1查看 3.1K关注 0票数 0

我对overflow:hidden和body标签有问题。这里有个小插曲

Body版本(不工作)

代码语言:javascript
复制
<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版 (works)

代码语言:javascript
复制
    <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函数启动了吗?...did您看到一个滚动图标(例如来自罗技软件?)

(如果没有,一切都很好

你看到图标了吗?您知道如何禁用吗?->请写评论

代码语言:javascript
复制
<!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>
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2011-02-16 08:12:20

纳巴写道:

主体不是块元素。

票数 -1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/5003585

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档