首页 > 代码库 > 【前端经纬】将页面元素定位

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

2024-08-21 01:54:24   216人阅读

　　最近在做公司的项目的手，遇到了要是 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>

 

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


联系
我们