您的位置：首页 > Web前端 > CSS

CSS3之position

2015-12-04 21:29 597 查看
CSS3之position

1、取值
（1）absolute
（2）fixed
（3）inherit
（4）relative
（5）static
（6）!important

2、实现源码
<!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>CSS3之position</title>
<style type="text/css">
#div1{
position:absolute;
}
#div2{
position:fixed;
}
#div3{
position:inherit;
}
#div4{
position:relative;
}
#div5{
position:static;
}
#div6{
position:!important;
}
</style>
</head>

<body>
<div id="div1">11111111111</div>
<div id="div2">22222222222</div>
<div id="div3">33333333333</div>
<div id="div4">44444444444</div>
<div id="div5">55555555555</div>
<div id="div6">66666666666</div>
</body>
</html>

3、实现结果
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航