div+css怎么居左居右剧中

1、居左：

对要靠左对齐（局左）的div样式加float:left。

示例代码：

css部分：

<style> 

.divcss5-left{float:left;width:250px;height:50px;border:1px solid #F00} 

</style> 

HTML部分：

<div class="divcss5-left">此DIV靠左对齐显示</div> 

2、居右：

对要靠右对齐（局右）的div样式加float:right。

示例代码：

css部分：

<style> 

.divcss5-right{float:left;width:250px;height:50px;border:1px solid #F00} 

</style> 

HTML部分：

<div class="divcss5-right">此DIV靠右对齐显示</div> 

3、居中：

对要居中对齐的div样式加margin:0 auto，不再需要加float样式。

示例代码：

css部分：

<style> 

.divcss5-cent{margin:0 auto;width:250px;height:50px;border:1px solid #F00} 

</style> 

<div class="divcss5-cent">此DIV居中右对齐显示</div> 

扩展资料：

CSS清除浮动：

浮动：因为使用了float:left或float:right或两者都是有了而产生的浮动。

对父级设置适合CSS高度：

对父级设置适合高度样式清除浮动，一般设置高度需要能确定内容高度才能设置。

示例代码：

css部分：

.divcss5{ width:400px;border:1px solid #F00;background:#FF0; height:102px} 

.divcss5-left,.divcss5-right{width:180px;height:100px;

border:1px solid #00F;background:#FFF} 

divcss5-left{ float:left} 

.divcss5-right{ float:right} 

HTML部分：

<div class="divcss5"> 

<div class="divcss5-left">left浮动</div> 

<div class="divcss5-right">right浮动</div> 

</div>