定位一直是WEB标准应用中的难点,如果理不清楚定位那么可能应实现的效果实现不了,实现了的效果可能会走样。如果理清了定位的原理,那定位会让网页实现的更加完美。定位的定义:在CSS中关于定位的内容是:
position:relative | absolute | static | fixedstatic...
分类:
Web程序 时间:
2014-06-07 05:37:17
阅读次数:
237
实现固定在窗口左下角一般的 position:fixed; 实现方法#ad{
position:fixed; bottom:0; left:0px;}在 IE6 中实现 position:fixed; 的办法#ad{
position:fixed; bottom:0; ...
分类:
其他好文 时间:
2014-06-07 05:20:40
阅读次数:
226
DIV绝对定位后,如何水平居中显示在浏览器中?.div { width:1000px;
position:absolute; left:50%; margin-left:-500px;
}关键在于margin-left:-500px的值是根据div的宽度决定,取其宽度的一半。注:主要用于新手引导功能...
分类:
其他好文 时间:
2014-06-03 04:15:57
阅读次数:
182
弹出层的应用还是比较多的,登陆,一些同页面的操作,别人的总归是别人的,自己的才是自己的,所以一直以来想写个弹出层插件。不多废话,直接开始吧!不想看可以在这里直接下载源码xsPop.zip1:遮罩层要弹出层,先要用一个遮罩层挡在下面的页面,此遮罩层是全屏的,页面滚动也要有,所以设置position:
...
分类:
Web程序 时间:
2014-05-31 16:46:01
阅读次数:
325
我们先来看看CSS3
Api中对position属性的相关定义:static:无特殊定位,对象遵循正常文档流。top,right,bottom,left等属性不会被应用。relative:对象遵循正常文档流,但将依据top,right,bottom,left等属性在正常文档流中偏移位置。而其层叠通过...
分类:
其他好文 时间:
2014-05-29 14:19:01
阅读次数:
290
.container{ position: relative; width: 200px;
height: 200px; background: #abcdef; -webkit-border-radius: 20px;
-moz-border-radius: 2...
分类:
Web程序 时间:
2014-05-28 22:49:40
阅读次数:
336
.fixed {position: fixed;top: -5px;left: 0;width:
100%;box-shadow: 0 0 3px #f2f2f2;-webkit-box-shadow: 0 0 3px
#f2f2f2;-moz-box-shadow: 0 0 3px #f2f2f2...
分类:
其他好文 时间:
2014-05-28 22:41:25
阅读次数:
311
position:absolute这个是绝对定位;是相对于浏览器的定位。position:relative这个是相对定位;是居于上一个流体而言
分类:
其他好文 时间:
2014-05-28 11:36:22
阅读次数:
257
把一系列的.btn按钮放入.btn-group中即可。。。 Left Middle
Right.btn是有设置圆角的.btn-group .btn 设置了position: relative;float:
left;所以他们会很好的排列在一行里面。我认为下面的代码就是TMD艺术:.btn-gr...
分类:
其他好文 时间:
2014-05-28 10:08:06
阅读次数:
389