<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><t..
分类：
Web程序 时间：
2015-06-01 20:46:10
阅读次数：
111
定位布局positionposition:static/absolute/relative static静态定位，默认值，一般不用。 absolute绝对定位，将对象从文档流中分离出来，通过设置left,right,top,bottom四个方向 相对于父级对象进行绝对定位。如果不存在这样的父对象，则依据body对象。 relative相对定位，对..
分类：
其他好文 时间：
2015-06-01 20:41:56
阅读次数：
127
css中的div块、文字、图片、标签都可以用定位来固定它的位置，非常方便，而且完全能达到预期的效果，父标签相对定位确定其位置，以后各个子标签都用绝对定位定位，然后用ps量一下标签的确定位置，然后设置top、left或right属性来进行准确确定它的位置，字标签是根据有定位属性的父级进行定位的，如果直...
分类：
其他好文 时间：
2015-06-01 18:25:54
阅读次数：
105
”最近被absolute和relative弄的不知所措，不知道怎么用了，网上查找文章总结总结，对与错欢迎指正， 也欢迎您加入IT交流群：123493055大家一起交流>>>>>“Absolute，CSS中的写法是：position:absolute; 他的意思是绝对定位，他是参照浏览器的左上角，配合...
分类：
Web程序 时间：
2015-06-01 12:55:52
阅读次数：
424
到这里可以验证当使用`top` `right` `bottom` `left` ***（这四个属性可以设置具体的像素数也可以设置百分比）***这样属性改变元素的位置的时候，不会影响其他元素的位置。而使用`margin` 这样的属性改变元素的位置会影响其他元素的位...
分类：
Web程序 时间：
2015-05-29 23:08:10
阅读次数：
222
z-index的作用很多时候需要把一个元素覆盖到另一个元素之上，比如登入弹出框等，这个时候就需要z-index属性出场了。所以呢，z-index就是调节层的显示优先级，决定哪个显示在最上方。作用范围就是Positioned element，比如绝对定位，相对定位，固定定位。层叠上下文（The sta...
分类：
其他好文 时间：
2015-05-29 08:36:31
阅读次数：
187
position的值值描述static默认值。没有定位，元素出现在正常的流中。（忽略top,bottom,left,right或者z-index声明）。relative生成相对定位的元素，相对于其正常位置进行定位。（元素的位置可以通过"left","top"属性进行规定）。absolute生成绝对定位的元素，相对于static定位..
分类：
其他好文 时间：
2015-05-28 14:22:41
阅读次数：
115
常用的位置属性列表：position（top、bottom、left、right） 、overflow、z-indexposition用法：值描述relative相对定位，原位置仍占用空间，相对于其正常位置进行定位。因此，"left:20" 会向元素的 LEFT 位置添加 20 像素。absolut...
分类：
Web程序 时间：
2015-05-26 20:54:59
阅读次数：
144
第一种最常见：（元素是绝对定位而不是相对定位）.inner{ width: 400px; height: 200px; position:absolute; left:50%; top:50%; margin:-100px 0 0 -200px; background-color: green;}测...
分类：
其他好文 时间：
2015-05-26 18:30:39
阅读次数：
140
1、position属性 这个属性定义建立元素布局所用的定位机制。任何元素都可以定位，不过绝对或固定元素会生成一个块级框，而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。 同时注意，该值没有继承性（注意区分所有继承和非继承属性）值描述absolute生成绝对定位的元素.....
分类：
Web程序 时间：
2015-05-25 09:46:18
阅读次数：
149
