码迷,mamicode.com
首页 >  
搜索关键字:绝对定位    ( 1678个结果
DIV CSS position绝对定位absolute relative教程篇
常常使用position用于层的绝对定位,比如我们让一个层位于一个层内具体什么位置,为即可使用position:absolute和position:relative实现。一、position语法与结构 - TOPposition语法:position : static absolute relat....
分类:Web程序   时间:2014-12-15 13:33:59    阅读次数:177
CSS布局:浮动与绝对定位的异同点
浮动 ( float ) 和绝对定位 ( position:absolute ) 相同点:(1)都是漂起来( 离开原来的位置 ) (2)并且都不占着原来的位置 不同点:float后,它后面的对象,...
分类:Web程序   时间:2014-12-14 18:36:52    阅读次数:197
IE6下绝对定位层不显示
今晚遇到一个超级坑的问题;一个绝对定位的元素,在firefox,chrome,ie8-9下都可以正常显示,就是IE6中不显示.尝试过设置z-index,float:left,display,block等,绝对定位的元素还是没有显示出来,然而,我在此元素上加上clear属性即可解决;网上大神解决方法如下:1、在绝对定位元..
分类:其他好文   时间:2014-12-12 16:53:38    阅读次数:219
CSS垂直居中方法整理
CSS定位中常常用到垂直居中,比如覆盖层上的弹框。兼容性比较好的方法:Hello World!这个方法只适用于已知宽高的块,因为要设置负边距来修正。如果是未知尺寸的块,可以使用以下方法:Hello World!原因是,绝对定位的布局取决于三个因素,一个是元素的位置,一个是元素的尺寸,一个是元素的ma...
分类:Web程序   时间:2014-12-11 23:47:31    阅读次数:307
javascript画正弦曲线
主要运用的就是css的绝对定位,原理就是用很多的小div拼成曲线图html css#context{ width:500px; height:320px; margin:150px auto; positi...
分类:编程语言   时间:2014-12-11 20:49:37    阅读次数:549
利用javascript实现在圆周上匀速划动的动画效果
先看下效果: 圆心下的那个那个白圈的位置是光圈的起始位置,光圈所在的位置为终点位置。光圈从起始位置开始,沿着圆的轮廓匀速到终点位置。在支持css3的情况下,可以利用css3做旋转效果来达到这种效果。具体思路为:1)将光圈相对于圆进行绝对定位,设置光圈的绝对位置为上面所说的终点位置;2)对圆设置...
分类:编程语言   时间:2014-12-10 19:29:04    阅读次数:230
css浮动与绝对定位小记
浮动 float属性可以设置的值为none,left,right.对于设置了浮动的元素,会向其父元素的左侧或右侧紧靠,默认情况下,盒子的宽度不再伸展,而是根据盒子里面的内容来确定。浮动可以让一个元素移到它所在行的某一边,使得其他内容沿着该元素的边缘向下流。 浮动的盒子会脱离文档流,形成环绕的效果。脱...
分类:Web程序   时间:2014-12-10 12:13:32    阅读次数:194
css浮动与绝对定位小记
浮动 float属性可以设置的值为none,left,right.对于设置了浮动的元素,会向其父元素的左侧或右侧紧靠,默认情况下,盒子的宽度不再伸展,而是根据盒子里面的内容来确定。浮动可以让一个元素移到它所在行的某一边,使得其他内容沿着该元素的边缘向下流。 浮动的盒子会脱离文档流,形成环绕的效果。....
分类:Web程序   时间:2014-12-09 21:24:08    阅读次数:237
简单拖拽实现
拖拽的元素必须绝对定位。var Drag = { // 拖拽元素 obj: null, //el: 拖拽元素 //minX: X轴最小边界 //minY: Y轴最小边界 ...
分类:其他好文   时间:2014-12-09 19:13:36    阅读次数:237
css制作面包屑导航
css2制作面包屑导航主要的原理就是利用绝对定位以及当元素的宽度和高度都为零时边框的挤压性质,效果图代码:<ul> <li>HTML<i></i></li> <li><em></em>CSS<i></i></li> <li><em></em>Jav..
分类:Web程序   时间:2014-12-07 23:26:49    阅读次数:310
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!