div+css绝对定位,有X,Y坐标吗?

html-css018

div+css绝对定位,有X,Y坐标吗?,第1张

div+css绝对定位,有X,Y坐标,在定位中,我们一般有四个方向,top,right,bottom,left,通过这4个来设置,如position:absoulte; left:10px; top:10px;就是说相对父级的位置往左10px;距上10px;通过代码来理解:

<html>

<head>

<style>

div{

width:300px

height:30px

border:1px solid #f00

position:absoulte

left:10px

top:10px

}

</head>

<body>

<div>

<p>我的位置</p>

</div>

</body>

</html>

css属于圆心位置的取值范围是不限。通过属性position设置圆心位置:atxy。xy取值可以通过英文单词left、right、center、top、bottom,也可以通过数值+单位,还可以用百分比。

lxm 19872006 的方法是可行的。

如果 lxm 19872006 的方法不行,就加一句 repeat-xy,即:

<style type="text/css">

body {

background: url("http://pic.yupoo.com/mortalmethuselah/814615ed04aa/jf1wtrtq.jpg") repeat-xy

}

</style>

就一定行了。