欢迎进入湘潭红数信息技术有限公司官网
4008088160
现在的位置:首页 > 发布营销型网站建设 > 新闻资讯 > position:relative相对定位属性
position:relative相对定位属性
信息来源:优度网络  发布日期:2009/3/26 浏览数量:1086
文章导读:
<html>
<head>
<title>position属性</title>
<style type="text/css">
<!--
body{
 margin:10px;
 font-family:Arial;
 font-size:13px;
}
#father{
 background-color:#a0c8ff;
 border:1px dashed #000000;
 width:100%; height:100%;
 padding:5px;
}
#block1{
 background-color:#fff0ac;
 border:1px dashed #000000;
 padding:10px;
 position:relative;  /* relative相对定位 */
 left:15px;    /* 子块的左边框距离它原来的位置15px */
 top:10%;
}
-->
</style>
   </head>
<body>
 <div id="father">
  <div id="block1">relative</div>
 </div>
</body>
</html>
相关信息
  • 网络营销培训
  • 微网站
  • 扫二维码
  • 1
  • 2
  • 3
  • 最新上传
  • 精品案例
18973218026
其他业务合作请发下面邮箱
邮箱:254596208@qq.com
地址:湖南省湘潭市岳塘区霞光东路58号(维也纳酒店6楼)
营销型网站建设扫一扫关注官方微信

关注优度

官方微信
官方微博
官网首页