当前位置：首页 → 问答吧 → 有CSS高手吗？来帮个忙可以吗？

有CSS高手吗？来帮个忙可以吗？

时间：2009-02-20

来源：互联网

情况是这样的
这是代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>Jzeonn</title>
<style type="text/css" media="screen">
body {
margin:0 auto;/*div center set*/
text-align:center;
padding: 0;
font-family: Verdana;
font-size: 12px;
background: #C7C7C7 url(images/bg.gif) top repeat-x;
}
#Container {
position: relative;
width: 720px;
height: 435px;
margin: 0 auto;/*div center set*/
top: 200px;
padding: 0;
background-color: #333333;
overflow: hidden;
text-align:left;
color: #FFFFFF;
}
#Menu {
position: relative;
width: 720px;
height: 35px;
margin: 0;
padding: 0;
background-color: #666666;
overflow: hidden;
}
#Main {
position: relative;
width: 720px;
height: 400px;
margin: 0;
padding: 0;
background-color: #999999;
overflow: hidden;
}
#ShearP {
position: absolute;
margin: 0;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="Container">
<div id="Menu">
eonn
</div>
<div id="Main">
<div id="ShearP">
eonneonneonneonneonneonneonneonneonneonneonneonneonneonneonneonneonneonneonneonneonn
</div>
</div>
</div>
</body>
</html>

复制代码

上面是用FireFox打开后的画面
现在有个棘手的问题是
点击画面左上角的时候出现如下现象：

ShearP层的内容被选中了
这现象好像有点不太好，我不喜欢，有没有什么办法的可以让那个现象不出现呀？
求救CSS，JavaScript的高手吗!

作者: 亿年发布时间: 2009-02-20

上面那样做只是为了Container层及其里面的层都居中显示
我现在知道把Container层的position: relative;属性改成position: absolute;上面的问题就没有了
但是这样Container层的居中就得靠别的方法了
我现在想能不能不要改变Container层的居中方法就能解决那问题呀？

作者: 亿年发布时间: 2009-02-20

不懂
帮亿年兄顶一下。、
周末貌似没啥人

作者: 西门轩辕发布时间: 2009-02-21