W3Schools 在线编辑工具(TIY) V3.0
编辑的代码:
运行代码 »
©
w3s.com.cn
运行结果窗口大小:
300 x 150
<
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
>
<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>