为什么.box div的width超过500,就看不到我给.box设置的底色了?

来源:14-2 操作一下横轴- 使用justify-content属性设置横轴排列方式

慕的地2173049

2020-07-31 15:12

<style type="text/css">

    .box {

        width:800px;

        background: blue;

        display: flex;

        justify-content:flex-end;

    }


    .box div {


        width: 500px;

        height: 500px;

    }


    .box1 {

        background: red;

    }


    .box2 {

        background: orange;

    }


    .box3 {

        background: green;

    }

    </style>


写回答 关注

2回答

  • qq_慕粉5038520
    2020-08-08 10:35:29

    box宽度才800px,box1/2/3一个就有500px了,三个要占完box的宽度,你要设置父元素宽度大于子元素宽度之和才能显示父元素的背景色

  • 华雄开始学编程
    2020-08-01 08:16:00

    父盒子没有设置高度 ,因为是弹性盒子,box1 2 3 会默认排序占完一排 此时宽度就没有用

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225309 学习 · 18230 问题

查看课程

相似问题