美好的一天!我做了一些研究,我在这里阅读difference between css height : 100% vs height : auto
height-auto 应取最小量空间,具体取决于孩子的宽度。
在我的情况下,该属性的行为类似width 100%
,占其父级宽度的100%
以下是代码:
<!DOCTYPE html>
<html>
<head>
<style>
.header2 {
float:left;
width:900px;
height:23px;
background:red;
}
.buttonHolder {
margin: 0 auto;
width:auto;
height:24px;
background:black;
}
.button {
width:50px;
height:24px;
background:blue;
float:left;
}
</style>
</head>
<body>
<div class="header2">
<div class="buttonHolder">
<div class="button"></div> <div class="button"></div> <div class="button"></div>
</div>
</div>
</body>
问题是:我的错误在哪里?
答案 0 :(得分:0)
.header2 {
float:left;
width:900px;
height:23px;
background:red;
text-align: center;
}
.buttonHolder {
display: inline-block;
height:24px;
background:black;
}
这应该有效。