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

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条回答 默认 最新

  • 你好!机器人 2022-06-13 10:23
    关注

    你这代码没问题,是其它元素影响到了吧

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(3条)

报告相同问题?

问题事件

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

悬赏问题

  • ¥15 file converter 转换格式失败 报错 Error marking filters as finished,如何解决?
  • ¥15 ubuntu系统下挂载磁盘上执行./提示权限不够
  • ¥15 Arcgis相交分析无法绘制一个或多个图形
  • ¥15 关于#r语言#的问题:差异分析前数据准备,报错Error in data[, sampleName1] : subscript out of bounds请问怎么解决呀以下是全部代码:
  • ¥15 seatunnel-web使用SQL组件时候后台报错,无法找到表格
  • ¥15 fpga自动售货机数码管(相关搜索:数字时钟)
  • ¥15 用前端向数据库插入数据,通过debug发现数据能走到后端,但是放行之后就会提示错误
  • ¥30 3天&7天&&15天&销量如何统计同一行
  • ¥30 帮我写一段可以读取LD2450数据并计算距离的Arduino代码
  • ¥15 飞机曲面部件如机翼,壁板等具体的孔位模型