老师帮忙看下有什么问题么？宽度是检查远程设置的
来源：3-4 编程练习
V_旺_
2019-10-22 21:20:43
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
*{
margin: 0;
padding:0;
}
.box{
width:756px;
border:1px solid red;
text-align: center;
padding:5px 10px;
margin:0 auto;
}
.clearfix:after{
content:'.';
height:0;
display:block;
visibility: hidden;
clear: both;
}
dl{
width: 240px;
border:1px solid #cccccc;
float:left;
margin:5px;
}
</style>
</head>
<body>
<div class="box clearfix">
<dl>
<dt><img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"></dt>
<dd>欢迎来到慕课网学习新知识！</dd>
</dl>
<dl>
<dt><img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg"></dt>
<dd>欢迎来到慕课网学习新知识！</dd>
</dl>
<dl>
<dt><img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg"></dt>
<dd>欢迎来到慕课网学习新知识！</dd>
</dl>
<dl>
<dt><img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"></dt>
<dd>欢迎来到慕课网学习新知识！</dd>
</dl>
<dl>
<dt><img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg"></dt>
<dd>欢迎来到慕课网学习新知识！</dd>
</dl>
<dl>
<dt><img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg"></dt>
<dd>欢迎来到慕课网学习新知识！</dd>
</dl>
</div>
</body>
</html>
2回答
-
同学你好，这个宽度是对的哦，其实我们可以计算一下。
大盒子的宽度，等于包裹的几个小盒子（包裹图片的部分）的宽度之后即可。一个小盒子的占据的总宽度是252px（包括左右边框各1px，左右的外边距各5px，）；一行有三个，252*3 = 756px;
所以大盒子的宽度设置为756px即可。
希望能帮助到你，欢迎采纳。
祝学习愉快！
0 -
好帮手慕糖
2019-10-23
同学你好，没有问题哦，实现效果很好，继续加油！
祝学习愉快！
0h019-10-23
相似问题