3-2编程练习请老师帮我找下问题谢谢！
来源：3-2 编程练习
chenjuoo
2017-12-13 11:55:49
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
*{margin:0;padding:0;}
.pre{
width:800px;
height:380px;
border:1px #938E8B dashed;}
.list{
width:240px;
border:1px #CCCCCC solid;
margin:10px;
float:left;
}
</style>
</head>
<body>
<div class="pre">
<div class="list">
<img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg">
<br>
欢迎来到慕课网学习新的知识！
</div>
<div class="list">
<img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg">
<br>
欢迎来到慕课网学习新的知识！
</div>
<div class="list" >
<img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg">
<br>
欢迎来到慕课网学习新的知识！
</div>
<div class="list">
<img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg">
<br>
欢迎来到慕课网学习新的知识！
</div>
<div class="list">
<img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg">
<br>
欢迎来到慕课网学习新的知识！
</div>
<div class="list">
<img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg">
<br>
欢迎来到慕课网学习新的知识！
</div>
</div>
</body>
</html>
1回答
-
怎么都被占用了呢
2017-12-13
建议你给每个list也设置一个合适的高度。
然后父元素的宽高，是这么计算的：786px=3个list的宽度和+它们左右外边距之和+左右边框之和。高度计算方式一样
使用margin:0 auto水平居中，添加一个padding效果会更好呢
还有中文乱码了哦
0h017-12-13
相似问题