在CSS中有这样的一个指令：(position)，在DreamWeaver中文版中翻译为“定位”，常用的属性有两个：relative(相对)与 absolute(绝对)。有很多朋友对这条指令的用法还是不清楚，这里做一些细致的讲解。position:relative;表示相对定位，被定位了这个属性的标...
分类：
Web程序 时间：
2014-11-21 20:09:23
阅读次数：
169
做过页面编写的各位应该对定位不陌生了，这个样式表中的重头戏，也是最难把控的元素之一，今天在这里我们要讲到的就是与浮动与清除浮动相关的定位元素，对于定位有很多种，有绝对定位，还有相对定位，固定定位，静态定位，对于这几种耳熟能详的定位在这里我们不必花费时间去讨论，我们今天要关注的是另一种神奇的定位，也....
分类：
其他好文 时间：
2014-11-14 22:47:07
阅读次数：
174
CSS的相对定位：一.基本概念:顾名思义，此种定位是相对某一个对象进行的偏移，相对定位并不能使对象脱离文档流，尽管它的位置可能产生偏移，但是对象初始位置仍然会被保留。如果要真正掌握此种定位方式，搞清楚需相对于哪个对象进行偏移是关键点。二.如何将一个元素设置为相对定位:当一个对象的position属性...
分类：
Web程序 时间：
2014-11-13 22:15:34
阅读次数：
144
单位主要用在规定元素的数值性css属性的，这里主要讨论应用的比较多的是width height padding margin font-size，而单位中应用最广泛就是%、px、em 百分比 百分比，关键就是参考的父元素，在正常流和浮动时，就是包裹着当前元素的元素；在相对定位、绝对定位时，就是当前元...
分类：
Web程序 时间：
2014-11-13 20:36:42
阅读次数：
187
layImg原理很简单，滚动条的高度值和每一个没有src属性的图片的高度比较，但是这样一玩的话，图片的高度就得写死了，不然图片没有高度还求什么，其实还有bug的，例如，假如img在一个相对定位的div里面的话，它的offsetTop就是很小的，这样就会在不需求加载的时候加载了，这样问题其实是出在of...
分类：
其他好文 时间：
2014-11-11 18:32:25
阅读次数：
142
css position主要用于页面布局 它的如下四个属性值：relativeabsolutefixedstatic1. relative （相对定位） 浏览器渲染页面默认是从上到下，从左到右的方式渲染的，relative属性是相对它本身的位置进行偏移的，依然占据原来的空间。2.absolute ....
分类：
Web程序 时间：
2014-11-07 20:45:45
阅读次数：
256
CSS定位Static 默认定位Relative 相对定位：left 和topposition: relative;/*相对定位*/ left:40px;/*在原来的位置向右移动*/ top:100px;/*在原来的位置向下移动*/ 他的参照点是他原来位置Absolute 绝对定位：元素从原来的位置...
分类：
Web程序 时间：
2014-11-07 18:37:41
阅读次数：
166
框用列表，列表项增加title属性，给每个设置ID或classdiv：长宽、相对定位ul：margin、padding设置为0，去掉项目符号链接：绝对定位、设为块元素，指定长宽，text-indent: -1000em; /*去掉链接文字*/链接:hover边框div 类名 a { top: 50p...
分类：
其他好文 时间：
2014-11-02 17:58:16
阅读次数：
163
加一个vertical-align:top;就好了。原因就是inline-block会使元素向下对齐。这和padding-top，margin-top没有关系的。使用浮动就不会有这种情况了，当然会带来浮动清理问题。如果父div是相对定位，可以.lable{position:absolute;top:...
分类：
其他好文 时间：
2014-11-01 11:37:12
阅读次数：
186
如何垂直居中一个浮动元素？// 方法一：已知元素的高宽#div1{ width:200px; height:200px; position: absolute; //父元素需要相对定位 top: 50%; left: 50%; margin-top:-100px ; //二分之一的...
分类：
其他好文 时间：
2014-10-27 19:15:53
阅读次数：
163
