1

良い一日！私はいくつかの再調査を行い、ここで css height : 100% と 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>

問題は次のとおりです。私のエラーはどこにありますか?

4

1 に答える 1

0 
.header2 {
            float:left; 
            width:900px;
            height:23px;
            background:red;
            text-align: center;
        }
.buttonHolder {
     display: inline-block;


    height:24px;
    background:black;
}

これはうまくいくはずです。

于 2013-07-16T07:35:51.117 に答える