当图片不能设为背景的时候，图片上需要配文字，文字div就需要设成浮动层position:absolute； 但是这时，这个浮动div无法显示在img中间位置，不同分辨率的移动设备会显示位置错乱 这时可以将浮动div设成相对body的定位， .bonus-back { height ...

问题展示：可以看到设置float:left的盒子没有高度，导致下面的盒子错乱，往上移了。 正确展示： 第一种方法：只需要在float浮动盒子的父级元素加上 overflow: hidden 就可以！ 第二种解决办法：在浮动div的后面加上这个就可以 ...

转自：http://developer.51cto.com/art/201009/223337_1.htm 你对DIV CSS布局中绝对定位和浮动的概念及使用是否熟悉，这里和大家分享一下，CSS中，实现分栏布局有两种方法。第一种方法是使用四种CSS定位选项中的绝对定位，第二种则是使用CSS中 ...

在了解CSS中的浮动和定位之前有必要先了解清楚标准流和脱离标准流的特性 标准流的默认特性 1、分行、块级元素，并且能够dispay转换。 2、块级元素（block）：默认独占一行，不能并列显示，能够设置宽、高，宽度为父盒子的100%。例如：div、p、标题元素（h1-h6）、列表元素 ...

浮动 float属性可以设置的值为none,left,right.对于设置了浮动的元素，会向其父元素的左侧或右侧紧靠，默认情况下，盒子的宽度不再伸展，而是根据盒子里面的内容来确定。浮动可以让一个元素移到它所在行的某一边，使得其他内容沿着该元素的边缘向下流。 浮动的盒子会脱离文档流 ...

一.width:auto和width:100%的区别 1.width:100%的作用是占满它的参考元素的宽度。（一般情况下参考元素 == 父级元素，这里写成参考元素 ...

一、浮动 CSS浮动 CSS float浮动的深入研究、详解及拓展(一) CSS浮动属性Float详解 块级元素独占一行 块级元素，在页面中独占一行，自上而下排列，也就是传说中的流。 可以看出，即使div1的宽度很小，页面中一行可以容下div1和div2，div2也不会排在 ...

1.css float CSS float 属性定义元素在哪个方向浮动，浮动元素会生成一个块级框，直到该块级框的外边缘碰到包含框或者其他的浮动框为止。 1）元素怎样浮动 元素的水平方向浮动，意味着元素只能左右移动而不能上下移动。 一个浮动元素会尽量向左或向右移动，直到它的外边缘碰到包含 ...