问题背景：移动端编程里面的左右按钮布局，没有用表布局，而用了浮动（为了让2个各占一半宽度的按钮排列在一行），由于浮动元素脱离了原本的文档流，导致父元素（块元素）所占高度为0，当父元素的display属性设置成内联块inline-block时，惊奇的发现它能占用浮动元素的高度了，但是用了一段时间之后发...
分类：
其他好文 时间：
2015-09-18 01:57:43
阅读次数：
224
什么是网页布局——网页布局是网页制作的基础。DIV+CSS布局网页。流式布局、浮动布局、绝对定位布局。标准文档流、例子模型、FLOAT属性、POSITION属性。自动居中——列布局安全——例子模型的使用方法。浮动布局案例——float属性、解决浮动影响的方法。绝对定位布局案例——绝对定位实现横向两列...
分类：
Web程序 时间：
2015-09-17 13:06:36
阅读次数：
134
标准文档流是指除了绝对定位和浮动的其他元素，按其他元素的排列规则。元素塌陷的解决方法；第一种，在浮动元素的下一元素中就样式 clear：both；清除浮动的影响。第二种：在浮动元素的父元素中加入样式overflow:hidden。第三种：设置准确的高度。（不常用）第四种：.clearfix:afte...
分类：
其他好文 时间：
2015-09-13 23:05:39
阅读次数：
170
1.实现自动居中---列布局：标准文档流，块级元素，margin属性margin:10px auto;2.清除浮动：p{clear:both;} 或 p{width:100%; overflow:hidden;}3.相对定位relative：相对于自身原有位置产生偏移量，仍处于标准文档流中占有位置，...
分类：
Web程序 时间：
2015-09-12 14:40:57
阅读次数：
112
1.relative相对定位 1>.不影响元素本身的特性(只是给元素加上position:relative属性元素本身不受影响) 2>.不使元素脱离文档流 3>.如果没有定位偏移量，对元素本身没有任何影响2.定位元素位置控制 top/left/right/bottom:定位元素偏移量
分类：
Web程序 时间：
2015-09-11 00:13:07
阅读次数：
255
一、positionposition中的relative和absolute属性的参照对象：relative是参照本身在普通文档流中的定位。absolute是参照最近一个非static祖先元素（即属性值为relative等的元素）。二、float使用float之后元素将从普通文档流中删去，但仍有影响，...
分类：
Web程序 时间：
2015-09-10 21:16:18
阅读次数：
150
static : 无特殊定位，对象遵循HTML定位规则absolute : 将对象从文档流中拖出，使用left，right，top，bottom等属性进行绝对定位。而其层叠通过z-index属性定义。此时对象不具有边距，但仍有补白和边框relative : 对象不可层叠，但将依据left，ri...
分类：
其他好文 时间：
2015-09-10 15:56:22
阅读次数：
137
1. clip属性要求元素的position必须是absolute, 而设置成absolute以后，该元素就从正常的文档流中拿走了。。切记。 2. 居中效果：margin: 0 auto 是放在元素身上。并不是加在它的父元素之上。。...
分类：
Web程序 时间：
2015-09-07 01:58:13
阅读次数：
171
CSS文档流与块级元素（block）、内联元素（inline），之前翻阅不少书籍,看过不少文章, 看到所多的是零碎的CSS布局基本知识,比较表面.看过O'Reilly的,发现里面提到的文档流概念让我很敏感. 可恶的是书中并没有解释文档流是什么东西,或许作者觉得这个太简单了以至于不值一提.但我觉得,这...
分类：
Web程序 时间：
2015-09-04 16:54:20
阅读次数：
146
两者共同特点是：改变文档流激活元素left、top、right、bottom、z-index属性让元素”浮起来“，z-index>0不同的是：1.position：relative会保留元素自己在z-index：0层的占位，其left、top、right、bottom是相对于自己在z-index：0...
分类：
其他好文 时间：
2015-09-03 21:42:00
阅读次数：
147
