在HTML中怎么让div里的东西上下居中

设置浮动。

首先，先给一个大的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决定，且要设置为居中。htmlheadstyle

type=text/css!--#right

#left

#all

--/style/headbodydiv

id=all

div

id=left此处显示

id

left

的内容/div

div

id=right此处显示

id

right

的内容/div/div/body/html

1、新建一个html文件，命名为test.html，用于讲解html如何将一个div置于最上层。

2、在test.html文件内，使用div标签创建两个模块，并分别设置它们的id为testone，testtwo。

3、在css标签内，统一设置div的样式，定义它们的位置属性为绝对定位，宽度和高度为300px。

4、在css标签内，设置id为testone的样式，定义其背景颜色为红色，同时使用z-index属性定义其为最上层。

5、在css标签内，设置id为testtwo的样式，定义其背景颜色为蓝色，距离左边和距离上边的位置为20px。

6、在浏览器打开test.html文件，查看实现的效果。

---