Float Left不适用于div块

Question

有谁知道为什么float:left无效？基本上，我有一个div class=boxscore_first，它位于正确的位置。然后我又有两个divs class=boxscore出现在第一个float之上。我希望它们按顺序出现在第一个的右边。我希望他们彼此相邻<div id="menu"> <div id="scoreboard"></div> <div class="boxscore_first"></div> <div class="boxscore"></div> <div class="boxscore"></div> </div> ..

HTML

.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;
}

CSS

{{1}}

Answer 1

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

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