居左：
<圬桦孰礅p>对要靠左对齐（局左）的div样式加float:left。示例代码：
css部分：
<style>
.divcss5-left{float:left;width:250px;height:50px;border:1pxsolid#F00}
</style>
HTML部分：
<divclass="divcss5-left">此DIV靠左对齐显示</div>
居右：
对要靠右对齐（局右）的div样式加float:right。
示例代码：
css部分：
<style>
.divcss5-right{float:left;width:250px;height:50px;border:1pxsolid#F00}
</style>
HTML部分：
<divclass="divcss5-right">此DIV靠右对齐显示</div>
居中：
对要居中对齐的div样式加margin:0auto，不再需要加float样式。
示例代码：
css部分：
<style>
.divcss5-cent{margin:0auto;width:250px;height:50px;border:1pxsolid#F00}
</style>
<divclass="divcss5-cent">此DIV居中右对齐显示</div>
扩展资料：
CSS清除浮动：
浮动：因为使用了float:left或float:right或两者都是有了而产生的浮动。
对父级设置适合CSS高度：
对父级设置适合高度样式清除浮动，一般设置高度需要能确定内容高度才能设置。
示例代码：
css部分：
.divcss5{width:400px;border:1pxsolid#F00;background:#FF0;height:102px}
.divcss5-left,.divcss5-right{width:180px;height:100px;
border:1pxsolid#00F;background:#FFF}
divcss5-left{float:left}
.divcss5-right{float:right}
HTML部分：
<divclass="divcss5">
<divclass="divcss5-left">left浮动</div>
<divclass="divcss5-right">right浮动</div>
</div>