//边界线 border: 1px solid #E4E4E4; //绝对 定位 position: absolute; //相对定位 position: relative; //超出部分隐藏 overflow: hidden; //行高 line-height: 43px; //字体大小/行高 微 ...
分类:
Web程序 时间:
2016-10-28 13:31:05
阅读次数:
295
类似于这样的一个版面,点击标题栏,实现拖拽效果。 添加onmousedown事件 通过获取鼠标的坐标(clientX,clientY)来改变面板的位置 注意:面板使用绝对定位方式,是以左上角为参考点,所以我们还需要获取鼠标在面板的位置,也就是以鼠标所在位置为参考点。 添加onmousemove事件 ...
分类:
Web程序 时间:
2016-10-28 03:03:01
阅读次数:
219
/Users/apple/Desktop/CSS布局.html/Users/apple/Desktop/1.png ...
分类:
Web程序 时间:
2016-10-27 20:09:40
阅读次数:
159
1.元素的position属性的值默认为static 就是没有定位,元素出现在正常的文档流中,,这个时候你给这个元素设置的left,right,bottom,top这些偏移属性都是没有效果的, 使用相对定位时,就算元素被偏移了,但是他仍然占据着它没偏移前的空间, 绝对定位:position:abso ...
分类:
Web程序 时间:
2016-10-27 19:13:01
阅读次数:
178
今天学了固定定位、相对定位和绝对定位; 固定定位position:fixed 顾明诗意它可以让元素在浏览器上定住,它的定位有四个top right bottom left; 固定定位元素它的层级比普通元素要高 并且它会压住普通元素 相对定位position:relative 相对定位它是相对于“原来 ...
分类:
其他好文 时间:
2016-10-24 02:44:48
阅读次数:
167
如上图: 我们用absolute的绝对定位的时候,需要做自适应的时候,我们除了需要把top、left,还需要设置width(注意:这里使用的是百分比) ...
分类:
Web程序 时间:
2016-10-21 23:50:01
阅读次数:
195
offsetLeft:元素的边框的外边缘距离与已定位的父容器(offsetparent)的左边距离(不包括元素的边框和父容器的边框)。position().left:使用position().left方法时事实上是把该元素当绝对定位来处理,获取的是该元素相当于最近的一个拥有绝对或者相对定位的父元素的 ...
分类:
Web程序 时间:
2016-10-21 00:19:40
阅读次数:
234
1. CSS 优先级算法如何计算?2.如何居中div?如何居中一个浮动元素?如何让绝对定位的div居中?3.用纯CSS创建一个三角形的原理是什么?4. 如何解决inline-block元素的空白间距(i与li之间有看不见的空白间隔是什么原因引起的?有什么解决办法?5.CSS强制文本在一行内显示若有多... ...
分类:
Web程序 时间:
2016-10-18 16:06:02
阅读次数:
547
1,当元素绝对定位以后,它在父元素的位置是根据top/left/right/bottom来定位的,而margin是根据自身当前位置来定位的2,当它距离父元素left:50%,top:50%,那就是父元素一半的距离,因为要实现居中即自身的中点在父元素的中间才算,所以margin-left/margin ...
分类:
Web程序 时间:
2016-10-16 18:40:55
阅读次数:
184
方法一、原生js,这种方法效果比较好 html,设置最外围的div宽高为一次要展示的图片的总宽高,设置相对定位;内层div宽度为外层div宽度的2倍,高度与外层div一样,设置绝对定位。 window.onload=function(){ var oDemo=document.getElementB ...
分类:
其他好文 时间:
2016-10-13 09:29:32
阅读次数:
117