布局时需要利用浮动（float）的属性，同时我们需要一个清除浮动（clear）与之配合才能达到预期的目标。 w3s上关于float和clear的定义分别为：float:float 属性定义元素在哪个方向浮动。 clear：clear 属性设置一个元素的侧面是否允许其他的浮动元素。 一个简单的例子（....
分类：
Web程序 时间：
2015-07-01 23:24:16
阅读次数：
166
一、清除浮动和闭合浮动 所谓清除浮动，是指显示上正确。避免了文档流自动包裹浮动元素的特性（常见的是footer部分设置clear:both;属性）；而闭合浮动，是确实解决了高度塌陷的问题，使得wrap元素具有了高度。可疑包裹进浮动的元素。所以说，称之为闭合浮动更为合适。二、闭合浮动的原理 常用的.....
分类：
其他好文 时间：
2015-06-28 16:57:05
阅读次数：
103
当有浮动元素时：
It's fun to float.
Here is the footer element that runs across the bottom of the
page.section {border:1px solid...
分类：
其他好文 时间：
2015-06-20 14:19:55
阅读次数：
127
1、浮动概述 浮动定位是指 将元素排除在普通流之外 将浮动元素放置在包含框的左边或者右边 浮动元素依旧包含在包含框之内 浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止 经常使用它来实现特殊的定位效果2、浮动定位（如图）3、float属性
分类：
其他好文 时间：
2015-06-13 20:04:08
阅读次数：
138
经常会遇到这样的页面布局：在一排显示几个不同的区域内容，但它们相对于页面是居中对齐的。注意这些区域内容不只是文字，也许还有图片或者其它元素混合而成。一般这样的布局我们很容易想到要用浮动float，但是怎么样居中对齐而又兼容低端浏览器哪？请接着往下看。首先看html代码： ...
分类：
其他好文 时间：
2015-06-09 19:38:22
阅读次数：
102
1、浮动包裹性——浮动具有让元素按displya:inline-block显示(文字环绕的效果)。2、浮动破坏性——浮动元素脱离标准流，漂浮在标准流之上，破坏了正常文档流的显示顺序。浮动元素的下一个元素，会和上一个非浮动元素底部垂直对齐。浮动元素的垂直位置会和上一个标准流元素(block)的底部对齐...
分类：
其他好文 时间：
2015-06-02 23:24:48
阅读次数：
129
参考文章：http://www.cnblogs.com/sc-xx/archive/2012/03/28/2421913.htmlIE 6 7 Bug：当在一行里既有行内元素，又有浮动元素，那么在ie6 7下浮动的元素会折行。解决办法：给浮动元素设置一个负的上边距，即 *margin: -n px;...
分类：
其他好文 时间：
2015-06-02 17:02:39
阅读次数：
92
clear属性的作用 指定某个元素的一侧不能出现浮动元素。它是通过为这个元素在上边距之外增加空间，从而使得这个元素的顶部和浮动元素的底部对齐。这里作用的仅仅是同一个bfc下的浮动元素。 This property can clear an element only from floated boxe...
分类：
Web程序 时间：
2015-05-29 00:40:00
阅读次数：
144
css中的负边距(negative margin)是布局中的一个常用技巧，只要运用得合理常常会有意想不到的效果。很多特殊的css布局方法都依赖于负边距，所以掌握它的用法对于前端的同学来说，那是必须的。本文非常基础，老鸟可以略过。负边距在普通文档流中的作用和效果那些没有脱离文档流的元素（指不是浮动元素...
分类：
Web程序 时间：
2015-05-27 13:48:38
阅读次数：
205
绝对定位元素的居中实现 （转自：http://www.cnblogs.com/zyy711865/p/3479064.html）方法一：兼容性不错的主流用法是：.element { width: 600px; height: 400px; position: absolute; left...
分类：
其他好文 时间：
2015-05-27 09:55:14
阅读次数：
129
