实例解析CSS DIV绝对定位与固定定位用法-css绝对定位

CSS DIV网页布局有很多值得学习的地方，而定位是非常重要的知识，本文和大家通过实例向大家描述一下CSS DIV绝对定位与CSS DIV固定定位的应用，希望对你的学习有所帮助。

CSS DIV中绝对定位与固定定位实例

CSS DIV中绝对定位与固定定位内容是非常重要的，如果你掌握不好DIV的定位你的CSS写出来会很乱，下面我们要来看看CSS DIV绝对定位与固定定位实例，这个我想对你会有帮助的。

第一个CSS DIV固定定位实例

<styletypestyletype="text/css"> 
p.one  
{  
position:fixed;  
left:5px;  
top:5px;  
}  
p.two  
{  
position:fixed;  
top:30px;  
right:5px;  
}  
</style> 
</head> 
<body> 
 
<pclasspclass="one">一些文本。</p> 
<pclasspclass="two">更多的文本。</p>

第二CSS DIV绝对定位

<styletypestyletype="text/css"> 
h2.pos_abs  
{  
position:absolute;  
left:100px;  
top:150px  
}  
</style> 
 
<h2classh2class="pos_abs">这是带有绝对定位的标题</h2> 
<p>通过绝对定位，元素可以放置到页面上的任何位置。  
下面的标题距离页面左侧100px，距离页面顶部150px。</p>

【编辑推荐】