绝对定位的概念1.使用绝对定位的盒子以它的”最近”一个”已经定位”的“祖先元素”为基准进行偏移。如果没有已经定位的祖先元素，那么可以以浏览器的窗口为基准进行定位。2.决定定位的框从标准流中脱离。 无标题文档 Box-1 Box-2 Box-3
分类：
Web程序 时间：
2014-12-15 13:38:30
阅读次数：
135
CSS定位中常常用到垂直居中，比如覆盖层上的弹框。兼容性比较好的方法：Hello World!这个方法只适用于已知宽高的块，因为要设置负边距来修正。如果是未知尺寸的块，可以使用以下方法：Hello World!原因是，绝对定位的布局取决于三个因素，一个是元素的位置，一个是元素的尺寸，一个是元素的ma...
分类：
Web程序 时间：
2014-12-11 23:47:31
阅读次数：
307
效果如图：css：* { padding: 0; margin: 0; list-style-type: none;}body { padding: 20px 0 0 20px;} #shadow { background: #E8E8E8; position: relative; width: 2...
分类：
Web程序 时间：
2014-12-03 12:11:44
阅读次数：
139
一、CSS三种定位方式：1）流式定位:HTML不指定任何位置的定位方式;2）float定位：<imagstyle=”float:right/left/none”/>float的取值有3个值；3）相对定位：position:relative;left:-20px;buttom:-30px;相对定位是相对于其父元素的位置而言的；4)绝对定位:position:abso..
分类：
Web程序 时间：
2014-11-30 00:54:21
阅读次数：
171
CSS定位Static 默认定位Relative 相对定位：left 和topposition: relative;/*相对定位*/ left:40px;/*在原来的位置向右移动*/ top:100px;/*在原来的位置向下移动*/ 他的参照点是他原来位置Absolute 绝对定位：元素从原来的位置...
分类：
Web程序 时间：
2014-11-07 18:37:41
阅读次数：
166
随便打开一个网页，按下F12，你会发现一堆密密麻麻的“DIV”，没错，现在大部分的网页都用了CSS+DIV的布局方式。
上篇说了盒子模型，这里就以盒子模型为基础来简单了解一下常用的一种网页布局的方式：CSS+DIV布局。
CSS+DIV布局，就是在整体上用标记把页面分为若干个块，然后对各个块进行CSS定位，最后再在各个块中添加相应内容。
就如建造一座钢结构的建筑物似的，先把整个网页的框架搭建起来，再分别对局部进行细化，这里就如同钢筋，...
分类：
Web程序 时间：
2014-10-30 01:51:49
阅读次数：
217
offsetParent 属性返回一个对象的引用，这个对象是距离调用offsetParent的元素最近的（在包含层次中最靠近的），并且是已进行过CSS定位的容器元素。 如果这个容器元素未进行CSS定位, 则offsetParent属性的取值为根元素(在标准兼容模式下为html元素；在怪异呈现模式下为...
分类：
Web程序 时间：
2014-10-27 10:45:21
阅读次数：
241
float: left|right; 可以自动排列自动折行, 但需要clear来配合清除浮动;display: inline-block; 有些时候可以替代float实现相同的效果.position: absolute|relative; 要配合top,left等定位;position: absol...
分类：
Web程序 时间：
2014-10-26 16:50:09
阅读次数：
334
CSS 定位和浮动CSS 为定位和浮动提供了一些属性，利用这些属性，可以建立列式布局，将布局的一部分与另一部分重叠，还可以完成多年来通常需要使用多个表格才能完成的任务。定位的基本思想很简单，它允许你定义元素框相对于其正常位置应该出现的位置，或者相对于父元素、另一个元素甚至浏览器窗口本身的位置。显然，...
分类：
Web程序 时间：
2014-10-21 16:54:34
阅读次数：
227
