老师,麻烦帮看看这代码合理吗?

老师,麻烦帮看看这代码合理吗?

<!DOCTYPE html>

<html>

<head>

        <style>

            *{padding: 0; margin: 0;}

            ul{list-style: none;}

            .big{width: 792px; height: auto; border: 2px dashed #dcdcdc; padding: 10px; margin: auto;}

            .div1,.div2,.div3,.div4,.div5,.div6{width: 240px; height: 160px; border: 2px solid #dcdcdc; margin: 10px; float: left;}

            .clear{clear: both;}

        </style><!-- 此处编写样式 -->

</head>

<body>   

        <div class="big">

            <div class="div1">

                <ul>

                    <li><img src="http://img1.sycdn.imooc.com/climg//590fe9770001e63102400135.jpg"></li>

                    <li>欢迎来到慕课网学习新知识!</li>

                </ul>

            </div>

            <div class="div2">

                <ul>

                    <li><img src="http://img1.sycdn.imooc.com/climg//590fe97d00011bda02400135.jpg"></li>

                    <li>欢迎来到慕课网学习新知识!</li>

                </ul>

            </div>

            <div class="div3">

                <ul>

                    <li><img src="http://img1.sycdn.imooc.com/climg//590fe982000150ba02400135.jpg"></li>

                    <li>欢迎来到慕课网学习新知识!</li>

                </ul>

            </div>

            <div class="div4">

                <ul>

                    <li><img src="http://img1.sycdn.imooc.com/climg//590fe9770001e63102400135.jpg"></li>

                    <li>欢迎来到慕课网学习新知识!</li>

                </ul>

            </div>

            <div class="div5">

                <ul>

                    <li><img src="http://img1.sycdn.imooc.com/climg//590fe97d00011bda02400135.jpg"></li>

                    <li>欢迎来到慕课网学习新知识!</li>

                </ul>

            </div>

            <div class="div6">

                <ul>

                    <li><img src="http://img1.sycdn.imooc.com/climg//590fe982000150ba02400135.jpg"></li>

                    <li>欢迎来到慕课网学习新知识!</li>

                </ul>

            </div>

            <div class="clear"></div>

        </div><!-- 此处写代码 -->    

</body>

</html>


正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

3回答
怎么都被占用了呢 2018-03-01 09:15:18

大盒子的宽度等于3个图片块的宽度和加上它们的左右边距和加上它们的左右边框和

慕斯卡0335990 2018-02-28 21:00:49

大盒子的宽度怎么算?

怎么都被占用了呢 2018-02-25 14:27:53

经测试,效果实现的很好呢,继续加油吧~~

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师