请问怎么用CSS设置DIV居中或靠左靠右。或者距上多少像素，下，左右。

比如box是一个div,如下示例：
box{
float:left;}//向左浮动显示了
box{float:right;}//向右浮动显示了
box{width:980px;
margin:0px
auto}//居中显示了
box{margin-top:5px;margin-bottom:5px;margin-left:5px;margin-right:5px;padding-left:5px;}这个前面的分别是外面距，距上，下，左，右，后面是内边距距左，其它的也一样子的道理
在HTML调用有两种方法，第一种，直接把这个写在html的head文件里面，
在这里是CSS代码
，或者直接建CSS文件，把代码写里面，在HTML引入，

在包裹盒子和文字的盒子身上使用d性布局（display：flex；flex-direction:column;）

flex-direction:column;（并列）

<div style="float:right">你的时间可以加在这。</div>
这个是清浮动用的，一般有浮动的话，都要清除浮动。这样才能避免一些问题发生。
<div style="clear:both; float:none; height:0; overflow:hidden></div>

<style>
div {position:absolute; width:200px; height:400px}
divleft {left:0; background-color:red}
divcenter {left:50%; margin-left:-100px; background-color:green}
divright {right:0; background-color:blue}
</style>
<div class="left">左</div>
<div class="center">中</div>
<div class="right">右</div>

有两种情况：

子元素，父级元素都是块级元素的时候，子级元素{margin:0 auto}。需要注意的是当子级元素的position为非默认及relative时，这种设置会失效。

如p等标签中内的文字内容水平居中:使用{text-Align:center}。垂直居中设置该元素的行高等于元素的高。如：{height:100px;line-height:100px}可实现。注意：这种方法应用于行内元素

---