CSS之页面布局之一（浮动布局）

浮动布局是非常经典常见的页面布局方式。

实现方式很简单，第一步先设置需要浮动起来的元素的宽度width。第二步设置该元素的浮动属性float

（浮动属性float可参阅W3C：http://www.w3schools.com/cssref/pr_class_float.asp）

下图是页面初始HTML流：

为了将红框部分浮动起来，需要分两步，第一步就是设置该元素的宽度width

#floatLayout {
	width: 200px;
}

设置宽度后页面如下图：

第二步是设置浮动属性float，将该元素浮动到页面右边

#floatLayout {
	width: 200px;
	float: right;
}

设置居右浮动后页面如下图：