为什么要给父标签加上height:300px

来源:2-6 编程练习

总有刁民想害朕010

2016-03-08 13:33


<style type="text/css">
.mainbox{
    width:960px;
    background-color:#cff;
    height:300px;
}
.leftbox{
    width:740px;
    height:300px;
    background-color:#c9f;
    float:left;
}
.rightbox{
    width:210px;
    height:300px;
    background-color:#FCF;
    float:right;
}

</style>
</head>

<body>
<div class="mainbox">
    <div class="leftbox">box2</div>
    <div class="rightbox">box3</div>
</div>

写回答 关注

2回答

  • 韩世林
    2016-03-08 14:10:34
    已采纳

    浮动脱离正常文档流,如果div标签中没有任何内容的话,div所在区域将不显示,即使你设置了背景颜色。你的代码中,子div设置了浮动,脱离正常文档流,所以其父元素div没有任何内容,你必须设置了宽度才有用。

    总有刁民想害...

    非常感谢!

    2016-03-24 16:22:50

    共 1 条回复 >

  • qq_凉橙魅璟_0
    2016-03-08 14:07:10

    清除浮动的一种方式

企业网站综合布局实战

本课程重点介绍HTML/CSS实现常见企业网站布局的方法

157065 学习 · 2157 问题

查看课程

相似问题