关于background的用法

来源:5-1 CSS margin负值定位

李小子

2016-09-06 16:35

.box{
    width:1200px;
    margin:auto;
    background:#C90;
}
    .ul{
        overflow:hidden;
        }
        .li{
            width:380px;
            height:300px;
            margin-right:20px;
            background:green;
            float:left;
            }
    
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<div class="box">
<div calss="ul">
<div class="li">1</div>
<div class="li">2</div>
<div class="li">3</div>
</div>
</div>



为什么<div class="box"></div>的背景色显示不出来?

写回答 关注

3回答

  • 用户1139579
    2018-10-26 16:52:44

    <div calss="ul">是class 不是calss  好吗

  • qq_挂念好友_03781722
    2016-09-11 15:56:12

    float属性会使它的元素脱离文档流,既然脱离了,那就不会把box那个容器撑开,就是box的高度是0,你可以在<div class="li">3</div>后面清除浮动,也可以给box设置一个高度,这样就能把box的背景色显示出来。

  • 慕粉3759934
    2016-09-06 22:50:50

    ...你代码是不是写错了,ul闭合标签是</ul>

CSS深入理解之margin

本CSS教程带你深入讲解CSS的margin属性,解决你多年困惑

55943 学习 · 66 问题

查看课程

相似问题