老师好，请问为什么我的main里边content，没有包含住dl里的图片呢？谢谢啦
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>css网页布局</title>
<link rel="stylesheet" type="text/css" href="css/index.css">
</head>
<body>
<!-- 头部 -->
<div class="header">
<div class="logo">
<img src="image/logo.png" alt="logo">
</div>
<div class="nav">
<ul>
<li>首页</li>
<li>手记</li>
<li>图片</li>
<li>视频</li>
</ul>
</div>
</div>
<!-- 主页 -->
<div class="main">
<div class="top">
<img src="image/1.jpeg">
<!-- 图片的遮罩层 -->
<div class="topLayer"></div>
<!-- 遮罩层的文字 -->
<div class="topLayer-top">
<div class="word">MY BEAUTIFUL LIFE</div>
<button>LOOK MORE></button>
</div>
</div>
<div class="middle">
<div class="m-top">
<div class="commen weibo">
<img src="image/weibo.png">
<div class="comm">MICROBLOG</div>
</div>
<div class="commen weixin">
<img src="image/weixin.png">
<div class="comm">WECHAT</div>
</div>
<div class="commen qq">
<img src="image/qq.png">
<div class="comm">QQ</div>
</div>
</div>
<div class="clear"></div>
<div class="m-middle">
"I want to give good things to record down,<br>after the recall will be very beautiful."
</div>
<div class="clear"></div>
<div class="m-bottom">
<div class="m-com">
<img src="image/03-01.jpg">
<div class="dis1">Cool Image</div>
<div class="dis2">Record The Picture</div>
</div>
<div class="m-com">
<img src="image/03-02.jpg">
<div class="dis1">Cool Image</div>
<div class="dis2">Record The Picture</div>
</div>
<div class="m-com">
<img src="image/03-03.jpg">
<div class="dis1">Cool Image</div>
<div class="dis2">Record The Picture</div>
</div>
</div><div class="clear"></div>
</div>
<div class="clear"></div>
<div class="bottom">
<div class="content">
<div class="title">FROM THE PHOTO ALBUM
</div>
<!-- </div><div class="clear"></div> -->
<div class="pic-content">
<dl>
<dt><img src="image/04-01.jpg"></dt>
<dd class="word">Life is like a book, just read more and more refined, more write more carefully. When read, mind open, all things have been indifferent to heart. Life is the precipitation.</dd>
</dl>
<dl>
<dt><img src="image/04-02.jpg"></dt>
<dd class="word">Life is like a cup of tea, let people lead a person to endless aftertastes. You again good taste, it will always have a different taste, different people will have different taste more.
</dd>
</dl>
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
</div>
<!-- 底部 -->
<div class="footer">© 2016 imooc.com 京ICP备13046642号</div>
</body>
</html>
正在回答
同学你好，相同的问题在另一个提问中已经回复同学了哦，同学快去看一下吧：https://class.imooc.com/course/qadetail/201896
祝学习愉快~
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星