html - 向左浮动不适用于 div 块

Question

有谁知道为什么float:left不起作用？基本上，我有一个divwith class=boxscore_first，它在正确的位置。然后我还有两个divs出现class=boxscore在第一个之上。我希望它们按顺序出现在第一个的右侧。我希望他们都float彼此相邻..

HTML

<div id="menu">
    <div id="scoreboard"></div>
    <div class="boxscore_first"></div>
    <div class="boxscore"></div>
    <div class="boxscore"></div>
</div>

CSS

.boxscore_first {
    width:60px;
    height:60px;
    background-color:red;
    margin-top:-60px;
    margin-left:13px;
    float:left;
}

.boxscore {
    width:60px;
    height:60px;
    background-color:blue;
    float:left;
    margin-top:-60px;
    margin-left:13px;
}

Answer 1

实际上，根据您提供的 HTML，您有三个框。左一右一是.boxscore_first，中间一是.boxscore。

另一个更相关的事情是.boxscore_first是一个 div。这意味着它是一个块元素。它不浮动。换句话说，它想独自排队。你必须同时制作.boxscore_first和.boxscore float: left。