教程：http://m.blog.csdn.net/blog/yhc13429826359/38778337写的很好。自己实现的时候，由于img float:left，会脱离文档流，导致结构混乱。学到的知识是：clear:both；清除当前定义的元素左右浮动诸如：clear:left; //清除.....
分类：
Web程序 时间：
2015-11-02 17:25:48
阅读次数：
259
相同点：1、fixed定位和absolute定位都是绝对定位2、fixed定位和absolute定位都脱离了标准文档流，3、未设置偏移量时，都定位在父元素的左上角tip：元素设置相对定位或绝对后，就具有了偏移属性和堆叠属性Z-index，属性值越大，越靠上不同点：fixed定位：设置偏移量后：无论有...
分类：
其他好文 时间：
2015-10-23 10:04:54
阅读次数：
185
position:static|absolute|fixed|relativestatic:默认值，无特殊定位，对象遵循html定位规则absolute：将对象从文档流中拖出，使用left、right、top、bottom.属性相对于其最接近的一个有定位设置的父对象进行绝对定位如果不存在这样的父对象...
分类：
其他好文 时间：
2015-10-22 09:13:08
阅读次数：
122
mooc如何用css进行布局概念CSS中脱离文档流是什么意思?CSS中脱离文档流，也就是将元素从普通的布局排版中拿走，其他盒子在定位的时候，会当做脱离文档流的元素不存在而进行定位。 需要注意的是，使用float脱离文档流时，其他盒子会无视这个元素，但其他盒子内的文本依然会为这个元素让出位置，环绕在....
分类：
其他好文 时间：
2015-10-21 10:41:00
阅读次数：
209
一、块级元素1、默认显示在父标签的左上角2、块级元素默认占满一行（整个文档流）3、常见的块级元素：p、h1~h6、ol li、ul li、div、table、hr、center二、行内元素特点1、大小受到文字区域影响，不受到width、height影响2、行内元素不单独占满一行3、常见的内联元素（行...
分类：
其他好文 时间：
2015-10-21 00:18:39
阅读次数：
246
当元素设置position:absolute时，会脱离正常文档流，后面元素会忽略该元素－》覆盖可以给元素设置min-height解决－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－postion属性定义了一个元素在页面布局中的位置以及对周...
分类：
其他好文 时间：
2015-10-20 19:12:58
阅读次数：
171
圣杯布局和双飞翼布局基本上是一致的，都是两边固定宽度，中间自适应的三栏布局，其中，中间栏放到文档流前面，保证先行渲染。解决方案大体相同，都是三栏全部float:left浮动，区别在于解决中间栏div的内容不被遮挡上，圣杯布局是中间栏在添加相对定位，并配合left和right属性，效果上表现为三栏是....
分类：
其他好文 时间：
2015-10-16 18:29:17
阅读次数：
9597
先将容器的设为绝对定位，之后将容器左边界设在页面的一半处（50%）开始，最后将容器的的做边距设为容器宽度一半的负值。注意：绝对定位后，容器将独立于正常的文档流。#container { width: 960px; position: absolute; left: 50...
分类：
Web程序 时间：
2015-10-09 13:55:48
阅读次数：
124
先将容器的设为绝对定位，之后将容器左边界设在页面的一半处（50%）开始，最后将容器的的做边距设为容器宽度一半的负值。注意：绝对定位后，容器将独立于正常的文档流。#container { width: 960px; position: absolute; left: 50...
分类：
Web程序 时间：
2015-10-09 13:53:16
阅读次数：
124
2.浮动（float） 浮动（float）特点：1.元素会左移、右移，直到触碰到容器为止。 2.设置浮动元素，仍旧处于标准文档流。 3.当元素没有设置宽度值，而设置了浮动属性，元素的宽度随着内容的变化而变化。 4.当元素设置浮动属性后，会...
分类：
Web程序 时间：
2015-10-03 16:49:13
阅读次数：
175
