行内元素和块级元素都可以浮动，浮动后都变为块级元素；浮动元素会使周围的行框缩短，所以就会产生文本元素围绕浮动框的现象。所以常用来进行文本围绕图片的表现；如果上边先有浮动元素，对于块级元素形成的块级框就会向上到浮动元素的下方，但是里边包含的文本还是在浮动元素的周围或者包含不到就跑的下边；先有浮动，后有...
分类：
其他好文 时间：
2014-08-20 09:17:46
阅读次数：
297
1. 浮动元素会脱离正常的文档流，按照其外边距指定的位置相对于它的上一个块级元素（或父元素）显示；代码示例： 1 2 3 4 5 浮动元素的性质 6 25 26 27 28 浮动元素29 30 31 效果图：2. 浮动元素后面的块级元素...
分类：
Web程序 时间：
2014-08-11 23:58:54
阅读次数：
493
如果父元素只包含浮动元素，且父元素未设置高度和宽度的时候。那么它的高度就会塌缩为零，也就是所谓的“高度塌陷”，如果父级元素包含背景或者边框，那么溢出的元素就不像父级元素的一部分了。解决“高度塌陷”的问题很简单：1.浮动父级元素如果让父级元素浮动，父级元素的高度就会扩大，直到完全包含它里面的浮动元素，...
分类：
其他好文 时间：
2014-08-11 20:40:32
阅读次数：
347
1.首先先看一下浮动 （1）左浮动：元素本身经可能的左移动，知道碰到边框或者是别的浮动元素，把他右边的位置让给别的元素。如果右边的空间不够则自动换行。浮动对于快元素和行内元素都生效。 （2）右浮动：与左浮...
分类：
Web程序 时间：
2014-08-10 15:56:10
阅读次数：
207
Document 首页热门应用游戏短信 //浮动元素不占据空间
分类：
Web程序 时间：
2014-08-06 21:47:32
阅读次数：
525
在设计中常常会遇到这样的问题： 当容器内部有float样式时，容器的高度不会被撑开。 下面介绍两种方法解决上面的问题 第一种：在浮动元素后面加一个clear: both；比较常见的方法。 <style?type="text/css">
.lef...
分类：
Web程序 时间：
2014-07-30 15:07:54
阅读次数：
299
解决方法:vertical-align:top; 垂直对齐方式；对浮动元素无效浮动类: ie 6 7要在一行显示多个div要 给每一个元素浮动 否则会出间隙。 ie6双倍边距bug 1. bug条件: 块状元素 浮动 外边距 解决方法: display：inline； 2.IE6的 3px bug ...
分类：
其他好文 时间：
2014-07-28 15:16:23
阅读次数：
218
作为一名前端开发的初学者，CSS的布局定位无疑成为了一个难点，这两天通过看一些博客的技术分享和自己的反复实践，大概领悟到了一些float的“门道”。下面就通过一些例子来归纳总结一下我所学到的浮动特性： （一）浮动元素对其兄弟元素是标准流元素的影响： 现在假定HTML文档中从上到下有3个块元素...
分类：
Web程序 时间：
2014-07-24 22:55:23
阅读次数：
355
1、margin重叠 参考：http://blog.doyoe.com/~posts/css/2013-12-04-margin系列之外边距折叠.md 发生的条件：margin折叠元素只发生在块元素上；浮动元素不与其他元素margin折叠；定义了属性overflow且值不为visible（即创建.....
分类：
Web程序 时间：
2014-07-23 11:53:46
阅读次数：
360
今天有一些DIV+CSS细节性的笔记：一、vertical-align:设置行级元素的垂直定位。常用在图片与文字同在一行内的情况。需要注意，对于float定位的内容，该CSS设置无效。 垂直居中对齐测试 行级浮动元素 行级浮动元素 ...
分类：
其他好文 时间：
2014-07-22 00:01:38
阅读次数：
260
