osition的用法：CSS代码实例

最新推荐文章于 2025-09-10 10:09:14 发布

转载最新推荐文章于 2025-09-10 10:09:14 发布 · 117 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/youtianxia/p/3919149.html

文章标签：

#xhtml

本文介绍了一个使用CSS定位属性position的实例。为了使元素正确显示，通常还需要配合其他辅助属性一起使用，例如left、top等。该实例展示了如何将一个div元素定位到页面的指定位置。

<!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>
<title>css属性实例</title>
<style> 
div{
  position:absolute;
  left:100px;
  top:100px;
  border:2px solid #333333;
  width:500px;
  height:50px;
  }  
</style>
</head>
 
<body>
  <div>这是使用定位属性position的实例，在使用定位属性的时候，还要使用其他的辅助属性，才能正常显示。</div>
</body>
</html>