设置浮动。
首先,先给一个大的div作为父容器.给他设置好宽,高。
父容器设置为position:relative
子容器(想要居中的容器),设置position: absolute 在设置margin-top,margin-right等等,如果想要绝对居中,可设置如下CSS样式。
.Center-Container {position: relative
}
.Absolute-Center {
width: 50%
height: 50%
overflow: auto
margin: auto 0
position: absolute
} 本问题关键处为,父子容器之间的关系。
5拓展部分:对于HTML5来说,有一种盒模型也可解决问题。简单,易懂。
margin:0 auto是默认的居中 但是有要求的
不能悬浮
必须有宽度
而left:50% 然后在margin-left 元素的一半的大小这种居中就没那么多要求了
第一种一般用于默认 第二种一半用于悬浮兼容性好些 还能用于上下居中
但是第二种有一个缺点 就是你不知道要居中的元素多大的时候没法用