随笔分类 -  14-02. JS 盒子模型

摘要:盒子模型众所周知,这里先简单介绍一下。 可以看到,在标准盒模型下,width和height是内容区域即content的width和height。而盒子总宽度为 在标准模式下,一个块的总宽度= width + margin(左右) + padding(左右) + border(左右) 而IE盒模型或怪 阅读全文
posted @ 2020-09-02 11:19 真的想不出来 阅读(392) 评论(0) 推荐(0)
摘要:用鼠标事件写 拖拽 所需要的三个事件 onmousedowm / onmousemove / onmouseup 遇到的问题及解决 如果把移动事件放在box上,那么当鼠标移动快的时候,鼠标会脱离盒子,导致盒子不跟着鼠标走。 解决:把移动事件放在document上,就能解决 如果把抬起事件放在box上 阅读全文
posted @ 2018-11-20 12:12 真的想不出来 阅读(321) 评论(0) 推荐(0)
摘要:盒子模型 盒子模型包括margin、border、padding、content js盒子模型的方法可分为:尺寸类、距离类、其它类 client系列、offset系列、scroll系列、getBoundingClientRect() 返回值都是不带单位的数字。 尺寸类: 元素的尺寸,返回值不带单位的 阅读全文
posted @ 2018-11-12 22:57 真的想不出来 阅读(254) 评论(0) 推荐(0)