实例解析CSSDIV绝对定位与固定定位用法

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

10年积累的成都网站制作、成都网站设计经验，可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你，你也不认识我。但先网站设计后付款的网站建设流程，更有中站免费网站建设让你可以放心的选择与我们合作。

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>