html css 设置坐标问题

html-css019

html css 设置坐标问题,第1张

很简单啊,你给黑色的div设定相对位置,里面嵌套的红色div设定绝对位置即可

<div style=" width:200pxheight:200pxposition:relativeleft:100pxtop:100pxbackground-color:black">

<div style="position:absoluteright:10pxtop:50%height:50pxwidth:50pxmargin-top:-25pxbackground:red"></div>

</div>

div事先在输入框的下面的而且是隐藏的,当点击表情图标,div通过onclick激活JS某个函数,该函数内必须会有一段使隐藏的div显示出来的方法语句,是通过这样个流程实现的。

怎样去定位这个表情DIV的位置的,这个css里面有一个叫position的方法,利用坐标x,y实现div位置任意改变。

把div设置成相对定位或绝对定位,总之是让其拥有left,top值,当鼠标移进div的时候获取鼠标的坐标,用鼠标的left减去div的left值就是鼠标在div里面的left值,即鼠标在div中的x坐标,

同理,用鼠标的top值减去div的top值就是鼠标在div里面的top值,即鼠标在div中的y坐标。