floatfloat 属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS 中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。如果浮动非替换元素，则要指定一个明确的宽度；否则，它们会尽可能地窄。注释：假如在一行之上只有极少的空间可供浮动元...
分类：
Web程序 时间：
2014-10-23 22:19:35
阅读次数：
346
以下引用自w3schoolclear 属性定义了元素的哪边上不允许出现浮动元素。在 CSS1 和 CSS2 中，这是通过自动为清除元素（即设置了 clear 属性的元素）增加上外边距实现的。在 CSS2.1 中，会在元素上外边距之上增加清除空间，而外边距本身并不改变。不论哪一种改变，最终结果都一样，...
分类：
Web程序 时间：
2014-10-22 14:20:01
阅读次数：
239
块级元素：就是一个方块，像段落一样，默认占据一行出现；内联元素：又叫行内元素，顾名思义，只能放在行内，就像一个单词，不会造成前后换行，起辅助作用。因为存在块级元素，所以会有float；浮动元素会生成一个块级框，而不论它本身是何种元素；且要指明一个宽度，否则它会尽可能地窄；另外当可供浮动的空间小于浮动...
分类：
其他好文 时间：
2014-10-15 19:57:51
阅读次数：
165
总结了一下两栏布局，右侧自适应的方法，欢迎指点和补充~~方法一：要求right中的子元素不能有固定宽度的（为了IE6），right要加overflow:hidden; 如果right中的内容有固定宽度的浮动元素时，right要加overflow:hidden;，否则当浏览器缩小到right宽...
分类：
其他好文 时间：
2014-10-15 16:14:04
阅读次数：
175
(IE7不支持)display： none：默认 block：指定为块级元素 inline：指定为内联元素float： left：左浮动 right：右浮动clear： both：静止左右有浮动元素 left：静止左有浮动元素 right：静止右有浮动元素visibility： v...
分类：
Web程序 时间：
2014-10-14 12:44:18
阅读次数：
158
这个bug影响: IE7, IE6 A B C div { width: 100px; } p { margin-right: 1px; } span { float: left; width: 120px; }bug出现: 1.我们有一个确定宽度的div元素. 2.在这个div中有一个属性m...
分类：
其他好文 时间：
2014-10-14 01:31:57
阅读次数：
260
CSS中很多时候会用到浮动来布局，也就是经常见到的float:left或者float:right，简单点来说，前者是左浮动(往左侧向前边的非浮动元素飘，全是飘得元素的话，就按照流式来浮动从左到右，放不下则换行)，后者是右浮（往右飘）动。但仅仅是如此吗？No!要注意以下几点：1、 浮动元素会被自动设置...
分类：
Web程序 时间：
2014-10-11 14:51:25
阅读次数：
250
用到知识点：float，块元素居中，注意：（如何让浮动元素和块元素在同一行--display: inline-block失效）正确布局代码 正确CSS#left { height: 500px; width: 200px; border:2px solid red; float...
分类：
其他好文 时间：
2014-10-10 14:40:54
阅读次数：
164
如果父元素只包含浮动元素，且父元素未设置高度和宽度，那么它的高度就会塌缩为零，也就是所谓的“高度塌陷”。如果父级元素包含背景或者边框，那么溢出的元素就不像父级元素的一部分了。解决“高度塌陷”问题的方法：1.浮动父级元素，父级元素的高度就会扩大，直到完全包含它里面的浮动元素。如果使用这种方法，一定要在...
分类：
其他好文 时间：
2014-10-09 00:55:17
阅读次数：
363
方法一:为父元素添加overflow:hidden
实际上,overflow:hidden...
分类：
其他好文 时间：
2014-09-28 14:35:32
阅读次数：
159
