需求：实现一个拖拽指令，可在页面可视区域任意拖拽元素。 思路： 设置需要拖拽的元素为相对定位，其父元素为绝对定位； 鼠标按下(onmousedown)时记录目标元素当前的 left 和 top 值； 鼠标移动(onmousemove)时计算每次移动的横向距离和纵向距离的变化值，并改变元素的 left 和 top 值； 鼠标松开(onmouseup)时完成一次拖拽。 constdraggable={ inserted:function(el){ el.style.cursor='move' el.onmouse...
css中默认的定位方式为static，如果不是static了，那么就说明这个元素被定位了，定位方式有很多种，简单介绍一下 相对定位 相对于自己原来的位置进行比较，仍然占据文档流的位置 .parent{ position:relative; } .child{ position:relative;/默认是static，将其改为relative/ top:20px; left:30px; } 绝对定位 与自己最近的相对定位祖先元素进行定位 .parent{ position:relative;/绝对定位相对于其最近的相对定位祖先元素，如果没有，相对于文档根元素（<html>）/...
前端：bootstrap基本样式，css3定位，响应式布局 Css3中的position属性：css3的定位方式 Css3的几种定位方式：流定位、浮动定位、相对定位、绝对定位、固定定位，默认为流定位。 流定位 页面中的块级元素框从上到下一个接一个地排列。每一个块级元素都会出现在一个新行 中（比如<p>元素、<div>元素）。元素框之间的垂直距离是由框的垂直外边距计算出来的。 行内元素将在一行中从做到右排列水平布置，不需要从新行开始，可以使用水平内边距、边框和外边距调整他们的间距。 2.浮动定位 浮动定位是指：让元素脱离普通流定位，将浮动元素放在父元素的左边或者右边...