为什么我不给div.content设置高度，p元素就不能撑开div，导致不显示，
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
/*此处写代码*/
* {
margin: 0;
padding: 0;
}
/*头部样式*/
.header {
width: 100%;
height: 100px;
background: black;
}
p {
float: right;
color: white;
font-size: 1.5em;
word-spacing: 40px;
padding-right: 40px;
line-height: 100px;
}
/*内容样式*/
.content {
width: 100%;
/*height: 540px;*/
background: skyblue;
color: black;
}
.left {
float: left;
width: 50%;
}
.right {
float: right;
width: 50%;
}
/*底部样式*/
</style>
</head>
<body>
<!-- 此处写代码 -->
<!--头部-->
<div class="header">
<img src="http://img1.sycdn.imooc.com/climg//58c0d2d900016ce303000100.png" alt="logo" />
<p>课程 职业路径 实战 猿问 手记</p>
</div>
<!--内容-->
<div class="content">
<div class="left">
<h2>课程推荐</h2>
<p><span>职业路径</span> HTML5与CSS3实现动态网页</p>
<p><span>职业路径</span>零基础入门Android语法与界面</p>
<p><span>职业路径</span>IOS基础语法与常用控件</p>
<p><span>职业路径</span>PHP入门开发</p>
<p><span>职业路径</span>JAVA入门开发</p>
</div>
<div class="right">
<h2>相关课程</h2>
<p>HTML CSS Javascipt</p>
<p>HTML5 CSS3 Jquery</p>
<p>移动端基础 移动端APP开发</p>
</div>
<div class="clear"></div>
</div>
<!--底部-->
<div class="footer"></div>
</body>
</html>
为什么不设置高度，h2标签就能显示？
正在回答
在浮动 的div里面，他的内容已经将他撑开了呢，只不过是文字颜色是白色，看不出来而已。改变一下文字颜色，就能看出来了
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36713 个
从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星