前言 接触html、和css时间也不短了，但每次用div+css布局的时候心里还是有点儿虚,有时候干脆就直接用table算了,很多时候用div会出现些不可预料的问题,虽然花费一定时间能够解决，但总不是个事，所以今天特地探索了下css+div的绝对定位和相对定位和文档流的关系 ...

1、代码 （1）示例代码1 （2）示例代码2 2、结论： 使用float脱离文档流时，其他盒子会无视这个元素，但其他盒子内的文本依然会为这个元素让出位置，环绕在周围。 而对于使用absolute :position脱离文档流的元素，其他盒子 ...

准确的说，float浮动属于半脱离文档流，1、float浮动跟position:absolute一样拥有脱离文档流的功能，但是float虽然脱离了文档流但是仍然会占据位置，其他的文本内容会按照顺序继续排列——如果你对所有的元素都设置了浮动，你会看到这几个div并不会重叠，而是会顺序排列。可以参考 ...

@参考文档：http://www.cnblogs.com/jenry/archive/2007/07/15/818660.html @什么叫脱离文档流？注意，只有绝对定位absolute和浮动float才会脱离文档流！ 答案：CSS中脱离文档流，也就是将元素从普通的布局排版中拿走，其他盒子 ...

1、浮动 　　浮动是CSS中用到的最多的一个选项，他有三个性质。关于浮动我们要强调一点，永远不是一个东西单独浮动，浮动都是一起浮动，要浮动，大家都浮动。 　　1.1 浮动元素脱离标准文档流 　　　　1.1.1 大概描述：有两个盒子，一个盒子浮动，一个盒子不浮动。浮动的盒子会脱离标准文档流 ...

　　　　最近在做移动页面开发，其中要实现对页面元素进行拖动，很多地方都使用表格来固定，使增加拖动事件的元素，即使受到绝对定位的影响，也总是还会自己的单元格内。 　　　　而其中一类情况，比较特殊，是对图片的拖动，图片是不一样大的，也不能改成一样大，都应该挤在 div 内，页面加载完成后，使用 ...

一、CSS中的盒子模型 标准模式和混杂模式（IE）。在标准模式下浏览器按照规范呈现页面；在混杂模式下，页面以一种比较宽松的向后兼容的方式显示。混杂模式通常模拟老式浏览器的行为以防止老站点无法工作。 html元素一般分为块级元素和行内元素 块级元素：块级元素排斥 ...

CSS的相对定位和绝对定位　　通常情况下，我们元素的position属性的值默认为static 就是没有定位，元素出现在正常的文档流中，，这个时候你给这个元素设置的left,right,bottom,top这些偏移属性都是没有效果的，不会生效，比如你设置一个距离左边距偏移100px的声明：left ...