1.定位和浮动：2.一切皆为框：块元素：div，h1，p……行元素：span，strong……position 属性值的含义：static元素框正常生成。块级元素生成一个矩形框，作为文档流的一部分，行内元素则会创建一个或多个行框，置于其父元素中。relative元素框偏移某个距离。元素仍保持其未定位...
分类：
Web程序 时间：
2014-08-21 17:05:44
阅读次数：
235
今天突然发现自己在布局的时候思路很乱，于是毅然决然的想要重新的理一下自己的布局思路，今天就先从定位开始吧~ 绝对定位(absolute)：将被赋予此定位方法的对象从文档流中拖出，如果对象的父级没有设置定位属性，则依据body对象左上角作为参考进行定位。绝对定位对象可层叠，层叠顺序可通过z-inde....
分类：
Web程序 时间：
2014-08-18 23:15:13
阅读次数：
255
前言 接触html、和css时间也不短了，但每次用div+css布局的时候心里还是有点儿虚,有时候干脆就直接用table算了,很多时候用div会出现些不可预料的问题,虽然花费一定时间能够解决，但总不是个事，所以今天特地探索了下css+div的绝对定位和相对定位和文档流的关系。文档流的概念 确切的说应...
分类：
Web程序 时间：
2014-08-18 17:59:12
阅读次数：
290
1. 浮动元素会脱离正常的文档流，按照其外边距指定的位置相对于它的上一个块级元素（或父元素）显示；代码示例： 1 2 3 4 5 浮动元素的性质 6 25 26 27 28 浮动元素29 30 31 效果图：2. 浮动元素后面的块级元素...
分类：
Web程序 时间：
2014-08-11 23:58:54
阅读次数：
493
CSS文档流与块级元素（block）、内联元素（inline），之前翻阅不少书籍，看过不少文章， 看到所多的是零碎的CSS布局基本知识，比较表面。看过O'Reilly的《CSS权威指南》，发现里面提到的文档流概念让我很敏感。 可恶的是书中并没有解释文档流是什么东西，或许作者觉得这个太简单了以至于不值...
分类：
Web程序 时间：
2014-08-10 01:38:19
阅读次数：
474
在实际项目中，我们经常会用到float属性来对页面进行布局。当使用float时，意味着该元素已经脱离了文档流，相当于浮于文档之上，不占据空间。但是针对兄弟元素为文字内容时，会占据一定空间，从而产生文字环绕的效果。如果不清除浮动，会导致父元素的高度撑不开等一系列问题。那如何清除浮动呢？给出以下几种方法...
分类：
Web程序 时间：
2014-08-08 17:35:26
阅读次数：
273
