请老师检查,有没有需要改进的地方!

来源:3-4 编程练习

今天也要加了个油

2020-06-07 22:00:22

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style type="text/css">
        *{margin: 0;padding: 0;}
        .container{
            margin:10px;
            border:1px dashed #789;
            overflow: hidden;
            zoom:1;
            min-width: 846px;}
        .container div{
            margin: 20px;
            border: 1px solid #789;
            width: 240px;
            float: left;}
        .div4{clear: left;}
    </style>
</head>
<body>
    <div class="container">
        <div class="div1">
            <img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"><br/>
            <span>欢迎来到慕课网学习新知识!</span>
        </div>
        <div class="div2">
            <img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg"><br/>
            <span>欢迎来到慕课网学习新知识!</span>
        </div>
        <div class="div3">
            <img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg"><br/>
            <span>欢迎来到慕课网学习新知识!</span>
        </div>
        <div class="div4">
            <img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"><br/>
            <span>欢迎来到慕课网学习新知识!</span>
        </div>
        <div class="div5">
            <img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg"><br/>
            <span>欢迎来到慕课网学习新知识!</span>
        </div>
        <div class="div6">
            <img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg"><br/>
            <span>欢迎来到慕课网学习新知识!</span>
        </div>
    </div>
</body>
</html>


写回答

1回答

好帮手慕粉

2020-06-08

同学你好,父容器的宽度还可以再调整一下:

http://img.mukewang.com/climg/5edd9d4709af03fe19200527.jpg

因为每一列的宽度是240px,又有左右各20px的margin和1px的边框,所以占据的宽度是282px,那么三列的宽度是846px。参考:

http://img.mukewang.com/climg/5edd9e2c0909e82605070227.jpg

如果我的回答帮助了你,欢迎采纳。祝学习愉快~

0

0 学习 · 40143 问题

查看课程