div相对定位与绝对定位
2014-01-21 15:08
148 查看
<!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=gb2312" />
<title>绝对定位相对定位</title>
<style>
* { margin: 0; padding: 0; }
.fj1 { width: 150px; position: relative; height: 150px; border: 1px solid #000; background: #999; margin: 0 auto; }
.zj1{ width: 50px; height: 50px; position: absolute; right: 5px; top: 20px; border: 1px solid #F00; background: #FFF; z-index: 3 }
</style>
</head>
<body>
<div class="fj1"> 我在下面
<div class="zj1">我浮动在上面</div>
</div>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- div 的相对定位与绝对定位
- absolute绝对定位(相对于整个html流)以及不为人知的（fixed）绝对定位(fixed相对于浏览器窗口=不动的div)
- 关于DIV相对于父DIV绝对定位
- CSS+DIV：父DIV相对定位+子DIV绝对定位
- Div入门之div定位position，绝对定位absolute,相对定位relative
- 关于DIV相对于父DIV绝对定位
- DIV绝对定位和相对定位
- 关于DIV相对于父DIV绝对定位
- CSS+DIV：父DIV相对定位+子DIV绝对定位
- 关于DIV相对于父DIV绝对定位
- 关于DIV相对于父DIV绝对定位
- 关于DIV相对于父DIV绝对定位
- div布局：相对定位、绝对定位、固定定位
- div+css绝对定位和相对定位
- 关于DIV相对于父DIV绝对定位
- div 的相对定位和绝对定位
- div的position的相对绝对定位
- 浮动问题:如何相对某个div进行绝对定位.
- 关于DIV相对于父DIV绝对定位
- 关于DIV相对于父DIV绝对定位