请老师帮忙检查一下,辛苦
来源:2-5 编程练习
Elisa呀
2019-06-19 00:29:36
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>IMOOC</title>
<style type="text/css">
span{color:gray;}
aside{width:473px;float:left;}
article{width:715px;float:right;}
aside dl{position:relative;height:74px;margin-bottom:17px;
}
aside dl dt{position:absolute;top:-1px;left:100px;font-size:16px;line-heightL16px;font-weight:bold;text-decoration:underline;}
aside dl dd:first-of-type{position:absolute;left:0;}
aside dl dd span{position:absolute;left:20px;top:15px;color:white;}
aside dl dd:last-of-type{position:absolute;top:20px;left:60px;}
article img{width:715px;height:200px;}
</style>
</head>
<body>
<section></section>
<aside>
<h1>Recent <span>Course</span></h1>
<dl>
<dt>Hyper Text Markup Language</dt>
<dd><img src="http://climg.mukewang.com/582e61290001787900500051.png"><span>1</span></dd>
<dd>HTML is the standard markup language used to create web pages and its elements form the bulding blocks of all websites.</dd>
</dl>
<dl>
<dt>Hyper Text Markup Language</dt>
<dd><img src="http://climg.mukewang.com/582e61290001787900500051.png"><span>2</span></dd>
<dd>HTML is the standard markup language used to create web pages and its elements form the bulding blocks of all websites.</dd>
</dl>
<dl>
<dt>Hyper Text Markup Language</dt>
<dd><img src="http://climg.mukewang.com/582e61290001787900500051.png"><span>2</span></dd>
<dd>HTML is the standard markup language used to create web pages and its elements form the bulding blocks of all websites.</dd>
</dl>
<dl>
<dt>Hyper Text Markup Language</dt>
<dd><img src="http://climg.mukewang.com/582e61290001787900500051.png"><span>4</span></dd>
<dd>HTML is the standard markup language used to create web pages and its elements form the bulding blocks of all websites.</dd>
</dl>
</aside>
<article>
<h2>Welcome to <span>Massive Open Online Class</span></h2>
<p>We provide the latest knowledge to help you cope with the changing world.</p>
<img src="http://climg.mukewang.com/582e61180001ede703300130.jpg">
<p>
We hope that all the students who love the Internet can be more convenient assess to learning recourse, using the internet thinking to change our learning.
</p>
<p>
We hope that all the students who love the Internet can be more convenient assess to learning recourse, using the internet thinking to change our learning.
</p>
</article>
</section>
</body>
</html>
1回答
同学你好,1、建议:使用section这个盒子包裹全部的内容,然后设置下固定的宽度,不然会像如下这样,在浏览器的两端,中间留有大量空白。
修改如下:
2、冒号写为了L哦,认真检查下代码。
希望能帮助到你,欢迎采纳。
祝学习愉快!
相似问题