5.9w+
社区成员
- 主页
- 问答
position:relative 不知道第三个怎样显示
<body leftmargin="0" topmargin="0">
<div id=div1 style="POSITION:relative; width: 100px; left: 50px; top: 97px;">
<div id=div2 style="position:relative;width:100px;left:10px;top:10px;background-color:red;"> Inner caption</div>
<div id=div3 style="position:relative;left:10px;top:10px;background-color:#FFFF33 ">
this div is relatived to which??</div>
</div>
</body>
<div id=div1 style="POSITION:relative; width: 100px; left: 50px; top: 97px;">
<div id=div2 style="position:relative;width:100px;left:10px;top:10px;background-color:red;"> Inner caption</div>
<div id=div3 style="position:relative;left:10px;top:10px;background-color:#FFFF33 ">
this div is relatived to which??</div>
</div>
</body>
...全文
请发表友善的回复…
发表回复
lianglinm 2007-12-15
好的 谢了。。
yixianggao 2007-12-15
relative要慎用，多用magin或padding吧！
L@_@K
L@_@K
]<!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>
<title>new document </title>
<meta name="generator" content="editplus" />
<meta name="author" content="Gao YiXiang" />
<meta name="email" content="yixianggao@126.com" />
<meta name="keywords" content="javascript dhtml dom" />
<meta name="description" content="I love web development." />
</head>
<body leftmargin="0" topmargin="0">
<div id="div1" style="position: relative; width: 100px; left: 50px; top: 100px; border: 1px dotted blue;">
<div id="div2" style="margin: 10px 0px 0px 10px; background-color: red;">
Inner caption<br />
Inner caption<br />
Inner caption<br />
</div>
<div id="div3" style="margin: 10px 0px 0px 10px; background-color: #FFFF33">
this div is relatived to which??
</div>
</div>
</body>
</html>
yixianggao 2007-12-15
div3是相对于div1而言滴，left就可以证明，而top滴计算似乎有些奇怪，
下面div3的top: 20px，其实是10+10，最好再仔细查查手册！
下面div3的top: 20px，其实是10+10，最好再仔细查查手册！
<!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>
<title>new document </title>
<meta name="generator" content="editplus" />
<meta name="author" content="Gao YiXiang" />
<meta name="email" content="yixianggao@126.com" />
<meta name="keywords" content="javascript dhtml dom" />
<meta name="description" content="I love web development." />
</head>
<body leftmargin="0" topmargin="0">
<div id="div1" style="position: relative; width: 100px; left: 50px; top: 100px; border: 1px dotted blue;">
<div id="div2" style="position: relative; width: 100px; left: 10px; top: 10px; background-color: red;">
Inner caption<br />
Inner caption<br />
Inner caption<br />
</div>
<div id="div3" style="position: relative; left: 10px; top: 20px; background-color: #FFFF33">
this div is relatived to which??
</div>
</div>
</body>
</html>