csdngxl 2022-06-13 00:15 采纳率: 92.9%
浏览 34
已结题

html盒子里面嵌套三个盒子并设置floatleft后依然跳出

img


如图,盒子里面嵌套三个盒子并设置float:left后跑到下面了是什么情况。


    <div class="box2 w">
        <div class="like-list"></div>
        <div class="best-sale"></div>
        <div class="login"></div>
    </div>
.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;
    float: left;
    background: red;
}

  • 写回答

2条回答

      报告相同问题?

      相关推荐 更多相似问题

      问题事件

      • 已结题 6月13日
      • 已采纳回答 6月13日
      • 创建了问题 6月13日

      悬赏问题

      • ¥100 AZURE创建地图类webapp
      • ¥20 51单片机实训实验报告
      • ¥15 C# 循环读写数据中途突然变慢
      • ¥15 用Java实现双端队列
      • ¥150 ID3决策树实现分类
      • ¥15 multisim10安装后,找不到NI License Manager的程序来安装许可证
      • ¥15 C++银行卡系统 Help!
      • ¥15 R语言数据分析的相关问题
      • ¥15 模型导入SP后贴图纹理只有一个,拆了四张UV的,怎么解决?
      • ¥15 检索带order by 非常慢