`
tianjun309
  • 浏览: 358831 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

position的relative , absolute 关系

CSSXHTMLHTMLXML 
阅读更多 
<!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" xml:lang="en" lang="en" > 
<head><title>Absolute</title>
 <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
 <link rel="stylesheet" href="site.css"   media="all"    type="text/css" />
 <link rel="stylesheet" href="page.css"   media="all"    type="text/css" />
</head>

<body>


 <div class="positioned">
  <span class="absolute">Sized Absolute</span>
 </div>
 
</body>
</html>

 

CSS:

 

/*
 * 如果指定了一个position为relative,则后面定义出来的absolute会相对定位于它
 */
.positioned {
    position: relative;
}
.absolute {
    position: absolute;
    top: 10px;
    left: 10px;
}

 

(2)如果是absolute里面继续来absolute，则是相对自己上层的absoulte再次相对定位。

 

分享到：
| CSS 背景图片设置
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics