设置浮动。
首先,先给一个大的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来说,有一种盒模型也可解决问题。简单,易懂。
以下代码,可以试试,是到达了你要求的效果。思想是:用1个DIV为父容器,包容这两个DIV,左侧的浮动向左。而父容器的长与高由内部两个DIV决定,且要设置为居中。htmlheadstyletype=text/css!--#right
#left
#all
--/style/headbodydiv
id=all
div
id=left此处显示
id
left
的内容/div
div
id=right此处显示
id
right
的内容/div/div/body/html