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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了div+css绝对定位,有X,Y坐标吗?相关的知识,希望对你有一定的参考价值。

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>
参考技术A div+css定位是上右下左(top,right,bottom,left)实际上与xy定位是一样 比如坐标(50,100),div+css里就是style="top:50px;left:100px",但是要精确定位需要使用div浮动position属性和方法 参考技术B 没有的,用top,left,right来定位。 参考技术C 当然有,可以设置 div的top和left属性进行定位

以上是关于div+css绝对定位,有X,Y坐标吗?的主要内容,如果未能解决你的问题,请参考以下文章

CSS样式当时 CSS定位 绝对定位

CSS DIV绝对定位 后 页面的大小改变 div层位置如何保持不变

如何用JS 获取DIV的坐标位置?

css 布局布局定位心得

对于div隐藏css中有哪几种方式定义相对和绝对有啥区别啊

css:为啥我用div来定位没起作用了,id没有错,只是完全没反应,请问可能的原因都有哪些