这个使用jschart做的,但是出现一个问题,就是提示点由于滚动条的滑动会进行绝对定位,导致提示点于需要提示的地方不重合,暂时未找到解决办法,蛋疼。。。。。。 效果图例 ...
分类:
Web程序 时间:
2016-09-26 16:07:15
阅读次数:
207
原理:先让下拉菜单隐藏,鼠标移到的时候在显示出来 1>display 无动画效果,图片是秒出 2>opacity 有动画效果,我这里是1S出现,推荐配合绝对定位使用 ...
分类:
Web程序 时间:
2016-09-26 15:58:05
阅读次数:
129
1.padding是内边距,margin是外边距; 当一个元素出现在另一个元素上面时,第一个元素的下外边距与第二个元素的上外边距会发生合并。 引用w3school中的例子 2.相对定位是“相对于”元素在文档中的初始位置,而绝对定位是“相对于”最近的已定位祖先元素,如果不存在已定位的祖先元素,那么“相 ...
分类:
其他好文 时间:
2016-09-24 10:37:23
阅读次数:
127
废话不多说 Demo 高度完全的自适应 中心思想是table 和第二列行高的50%的上下绝对定位竖线 第一次用codepen less完全不能用啊 连node png之类的都是关键词会被去掉。。。 马克一个介绍Codepen简介 我总在想无论是画画还是写代码 思考这个东西的本身的结构组成原理(无论是 ...
分类:
移动开发 时间:
2016-09-23 14:44:05
阅读次数:
182
function getElementLeft(element) { var actualLeft = element.offsetLeft; var current = element.offsetParent; while (current !== null) { actualLeft += c ...
分类:
编程语言 时间:
2016-09-23 11:02:39
阅读次数:
158
第一种方法:用margin+绝对定位的方式兼容性:IE6,IE7下完全失效HTML代码:<divid="container">
<divclass="center"></div>
</div>CSS代码:#container{
/*基本样式*/
width:500px;
height:500px;
background:#fee;
/*定位方式*/
position:re..
分类:
Web程序 时间:
2016-09-21 16:05:45
阅读次数:
277
1、positon:relative相对定位 2、postion:absolute绝对定位 ...
分类:
Web程序 时间:
2016-09-20 01:42:14
阅读次数:
292
水平垂直居中常见方式总结 html结构为: (1)父元素相对定位,子元素关键在于设置为绝对定位,margin:auto (2)父元素相对定位,子元素绝对定位,且设置transform:translate(-50%,-50%) (3)父元素设置为display:flex;justify-content ...
分类:
其他好文 时间:
2016-09-20 00:23:22
阅读次数:
146
左边固定,右边自适应常见方式总结 html结构如下: (1)左边向左浮动并固定宽度,右边给margin-left (注:右边这个div一定不能给width:100%) (2)父元素相对定位,左边绝对定位并给固定宽度,右边margin-left (注:右边这个div一定不能给width:100%) ( ...
分类:
其他好文 时间:
2016-09-19 19:44:06
阅读次数:
138
上次我们讲到了相对定位; 这次我们了解下绝对定位; 绝对定位: 绝对定位会脱离文档流。所以之前的位置就会被后面的内容给填补 绝对定位的元素的位置相对于最近的已定位祖先元素,如果元素没有已定位的祖先元素,那么它的位置相对于最初的包含块。 浮动: 如图:浮动也会像绝对定位那样脱离文本流,就相当于飘了起来 ...
分类:
Web程序 时间:
2016-09-19 06:44:21
阅读次数:
172