0

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

在此，我需要中间的浅绿色 div (#events) 恰好位于包装器的中心。

4

6 回答 6

0

这是你想要的吗。这是 jsfiddle。

将#events css更改为

#events {
   margin: 10px 85px 14px 80px;
z-index: 100;
position: relative;
height: auto;
float: left;
width: 320px;
background-color: cyan;
}
于 2012-06-15T07:41:31.433 回答
0

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

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

向左飘浮; 应该删除，我以前没有注意到它因此编辑了答案。

于 2012-06-15T07:24:36.003 回答
0

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

于 2012-06-15T07:25:19.233 回答
0

试试这个。。

更改事件 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/

于 2012-06-15T08:54:41.737 回答
0

尝试：

#wrapper{
    width:600px; /* set width of wrapper div */
    display:block;
}
#event{
    margin:0 auto;
    width:320px;
}
于 2012-06-15T07:27:14.633 回答
0

只需删除该行：

float: left;

并编辑 margin为height：

margin: 0 auto;
height: 25px;

这是你的小提琴

于 2012-06-15T07:31:02.160 回答