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

html-css09

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>

就一定行了。