1

我有一个<div>我想居中（自动边距）并随着内容填充它而增长，所以我使用 min-width 和 min-height 来完成这个，但是发生的是孩子<div>正在接受父母的（<body>）宽度.

我怎样才能防止这种情况发生？

示例：http: //jsfiddle.net/kRF5d/1/

4

4 回答 4

1

由于div是块级元素，除非width设置了适当的，否则它将填充父级的整个宽度。我建议display: inline-block;向孩子申请div。

于 2012-08-02T17:45:00.813 回答
1

只需将位置从相对更改为绝对。

#top {
    min-width:10%;
    min-height:50px;
    background-color:blue;
    position:absolute;
    margin:auto;
    margin-top:10px;
    top:0px;
    z-index:10;
}
于 2012-08-02T17:50:05.397 回答
0

您看到的问题是因为 min-width 设置了最小宽度，它不限制最大宽度。因此，由于 div 显示为块级元素，它会自动增长到与父元素相同的宽度。

所以虽然我不知道你具体想用这个来完成什么，但这就是它没有按预期工作的原因。

于 2012-08-02T17:46:49.677 回答
0

If you don't want your #top div to be %100 width then give it a width.

http://jsfiddle.net/kRF5d/3/

于 2012-08-02T17:42:39.837 回答