怎么才能让一个DIV元素中的内部DIV居中
1 css中的居中有很多方式，比如设置padding的值，或者使用margin都可以居中，在这里演示一下定位的方式，定位在css的布局里面是很重要的部分， 下面的截图是未定位之前在页面上的线上，先来看下不居中的效果：右侧是代码，左侧是显示效果
2 下面在第一个步奏上进行定位，首先要说下一个定位的口诀叫做父相子绝，也就是是说父级是相对定位position:relative 子元素的定位是:position:absolute ;再给子元素的top和left设置值，下面是具体的代码 ，代码可以复制到浏览器上面直接运行就能看到效果了。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<style>
#big{ width:200px;
height:200px;
background:yellow;
position:relative;
}
#small{
width:100px;
height:100px;
background:red;
text-align:center;
position:absolute;
top:50px;
left:50px;
}
</style>
</head>
<body>
<div id="big">
<div id="small">小盒子</div>
</div>
</body>
</html>
3 下面是步奏二是先的效果图，左边是代码截图 右边是显示效果截图 ：
4 总结 ：主要是理解postion的定位，其实不难，relative是占位置的。意思就是你给这个定位为relative的元素设置便宜位置之后，原来的位置仍然保留，不影响布局，而 absolute可以理解为是float设置位置之后是会影响这个布局的。
