Question

这是我的HTML的链接 http://jsfiddle.net/9rprY/18/

在这里，我需要中间的aqua彩色div（#events）来到包装器的正中心。

Answer 1

在您的css代码中将边距添加到0并自动添加，如下所示

#events {
margin: 0px auto; 
padding: 48px 0px 10px 10px; 
position:relative; 
height:auto; 
width:320px;
background-color:aqua
}

浮动：左;应该删除，我之前没有注意到它编辑了答案。

Answer 2

更改CSS：

#events {
    margin: 0px auto; 
    padding: 48px 0px 10px 10px; 
    position:relative; 
    height:auto;
    width:320px;
    background-color:aqua;
   overflow:hidden;
}

小提琴演示：http://jsfiddle.net/9rprY/22/

Answer 3

尝试：

#wrapper{
    width:600px; /* set width of wrapper div */
    display:block;
}
#event{
    margin:0 auto;
    width:320px;
}

Answer 4

只需删除该行：

float: left;

和编辑 margin和height为：

margin: 0 auto;
height: 25px;

Here is you fiddle

Answer 5

这是你想要的吗？ here is the jsfiddle

将#events css更改为

#events {
   margin: 10px 85px 14px 80px;
z-index: 100;
position: relative;
height: auto;
float: left;
width: 320px;
background-color: cyan;
}

Answer 6

尝试这个.. 更改事件div css

#events {
margin: auto; 
padding: 48px 0px 10px 10px; 
position:relative;
min-height:40px;
height:auto;  
width:320px;
background-color:aqua
}

你可以登录jsFiddle http://jsfiddle.net/9rprY/54/

居中对齐div

6 个答案: