码迷,mamicode.com
首页 > 其他好文 > 详细

【前端经纬】将页面元素定位

时间:2016-11-15 14:27:28      阅读:146      评论:0      收藏:0      [点我收藏+]

标签:使用   code   type   元素   href   资料   position   经纬   school   

  最近在做公司的项目的手,遇到了要是 html页面元素定位的问题。

     查阅了相关资料,这里 Mark。

 

   1)可以使用 css的position属性实现该功能。

     2)代码实现如下(可以运行 http://www.w3school.com.cn/tiy/t.asp?f=csse_position_absolute):

    

<html>
<head>
<style type="text/css">
h2.pos_abs
{
position:absolute;
left:100px;
top:150px
}
</style>
</head>

<body>
<h2 class="pos_abs">这是带有绝对定位的标题</h2>
<p>通过绝对定位,元素可以放置到页面上的任何位置。下面的标题距离页面左侧 100px,距离页面顶部 150px。</p>
</body>

</html>

 

【前端经纬】将页面元素定位

标签:使用   code   type   元素   href   资料   position   经纬   school   

原文地址:http://www.cnblogs.com/aiweixiao/p/6065165.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!