国内最全IT社区平台 联系我们 | 收藏本站
华晨云阿里云优惠2
您当前位置:首页 > web前端 > htmlcss > Css Position的用法:一个简单的代码实例

Css Position的用法:一个简单的代码实例

来源:程序员人生   发布时间:2013-11-09 23:35:36 阅读次数:3073次

  Css Position的用法:一个简单的代码实例,这是使用CSS定位属性position的实例,在使用定位属性的时候,还要使用其他的辅助属性,才能正常显示。

  大家自己看代码吧!

<!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>

生活不易,码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
程序员人生
------分隔线----------------------------
分享到:
------分隔线----------------------------
关闭
程序员人生