CSS学习笔记--水平对齐

中心对齐

<style>
.center
{
	margin:auto;
	width:70%;
	background-color:#b0e0e6;
}
</style>

margin设置为auto后，元素会占据在页面中间。 如果宽度是100％，对齐是没有效果的。

使用position属性设置左，右对齐

元素对齐的方法之一是使用绝对定位：

<style>
.right
{
	position:absolute;
	right:0px;
	width:300px;
	background-color:#b0e0e6;
}
</style>

绝对定位与文档流无关，所以它们可以覆盖页面上的其它元素。

使用float属性设置左，右对齐

使用float属性是对齐元素的方法之一：

<style>
.right
{
	float:right;
	width:300px;
	background-color:#b0e0e6;
}
</style>