问答详情
源自：5-1 CSS margin负值定位

关于background的用法

.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>的背景色显示不出来？

提问者：李小子 2016-09-06 16:35

个回答

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

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

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

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

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

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

    1