CSS問題

首页课程实战体系课手记专栏慕课教程

CSS問題

来源：2-9 【练习题】测试psd中的相关CSS数值

齊帥

2021-10-28

    .main {
        overflow: hidden;
        border: 1px solid black;
    }

    .box1 {
        width: 100px;
        height: 100px;
        background: pink;
        float: left;
    }

    .box2 {
        height: 200px;
        background: skyblue;
        float: left;
    }

老師請問一下為什麼我這樣寫的話他的box2會直接不見呢?不太理解
图片描述

写回答

1回答

西门老舅

西门老舅

2021-10-29

已采纳

同学你好，当box2不设置宽度时，box2再添加浮动，那么这时box2的宽度就由内容决定大小了，而box2没有内容，所以box2也就没有宽度了，所以就看不到了。你可以给box2加点内容进去，就出来了。

0

2

西门老舅

回复

齊帥

不客气的

2021-11-01

共2条回复

前端内功修炼 5大主流布局系统进阶

前端内功修炼：5大主流布局系统进阶

758 学习 · 231 问题

相似问题

代碼不生效

回答 1

回答 1

回答 1

CSS var()函数的IE兼容性问题

回答 1

CSS变量的问题

回答 1

打开慕课网App查看更多内容