这段代码出现的问题有2个：
1、display后面的属性值不用引号" "（这里可以选择block、table和list-item）
2、后面的<img>标签，地址问题还是解决不了（相对地址和绝对地址）
相对地址中目前只能把图片放在于html文件同个目录下才能加载图片，一旦放在文件夹中就加载不出来（试了一下还是没能解决）。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.box{
padding: 10px;
background-color: #cd0000;
}
.box > img{
float: left;
}
.clear:after{
content: "";
display: list-item;
clear: left;
}
</style>
</head>
<body>
<div class="box clear">
<img src="1.jpg" width="200" height="160">
</div>
</body>
</html>
下面是代码中用到的图片！
1.jpg
《css世界》里的代码
https://demo.cssworld.cn/3/1-1.php
网友评论