csdngxl
2022-06-13 10:15
采纳率: 91.7%
浏览 65
已结题

html盒子的float出现问题

我模仿着做了网页,但做到一个板块,一个盒子里面嵌套了三个盒子,设置float:left;后三个盒子没有在外层盒子里面排列,跑到了外层盒子下方排列了,我给设置的宽高都没问题。如图,粉色部分为问题所在

img

粉色部分的代码如下
所有标签内外边距清零已设置

    <div class="box2 w">
        <div class="like-list"></div>
        <div class="best-sale"></div>
        <div class="login"></div>
    </div>
.w {
    width: 1200px;
    margin: 0 auto;
}
.box2 {
    height: 460px;
    background: pink;
    border-radius:10px;
}
.box2 .like-list {
    height:100%;
    width: 390px;
    background: red;
    float: left;
    margin-right: 15px;
}
.box2 .best-sale {
    height: 100%;
    width: 390px;
    background: red;
    float: left;
    margin-right: 15px;
}
.box2 .login {
    height: 100%;
    width: 390px;
    background: red;
    float: left;
}

4条回答 默认 最新

相关推荐 更多相似问题