中心对齐的div

Question

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

在此我需要中间AQUA有色格（#events）来精确地中心的包装。

Answer 1

更改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 2

保证金添加到0，并自动在你的CSS代码，如下

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

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

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

试试这个..

chnage事件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/