Question

css+div 如何让内DIV水平居中

.banner {margin:0 auto; text-align:center;background:url('../images/banner.jpg') no-repeat center #e1f5fe ;height:348px;position:relative; width:100%}
.banner .topics{bottom:0px;position:absolute; margin:0 auto}
<div class=banner><div class=topics></div></div>
但是不管怎么设置里面的那个DIV都是左对齐的

Answer 1

position:absolute;的问题，这个是相对浏览器对齐的，而且.banner应该给个宽度，这样margin:0 auto;才有意义

追问

position:absolute;是为了让里面的DIV距底部，怎么里面的DIV底部居中对齐

追答

等下，我调试下看看

Answer 2

外面div加：text-align:center;(你代码中已经有了)
里面div加：margin:0 auto;

里面div的position:absolute;定位属性删掉(如果需要的话：加代码用内或外边距来控制这个div在父级中的位置)

你只学会了css语法，css的原理你理解得一塌糊涂，建议买本书从新打个基础。

Answer 3

既然.banner的宽度是百分比了，那就不需要margin了啊，再将.topics加上宽度试试呗。反正你这样不行，那就换下思路呗，多试试总也会正确的。