老师请检查一下,效果怎么没实现

老师请检查一下,效果怎么没实现

<!DOCTYPE html>

<html>

<head>

        <style type="text/css">

            .div{margin:0px;padding:0px;width:900px;overflow:hidden;}

            .one{width:300px;float:left;border:;2px solid gray;margin:0 auto;}

            

        </style>

</head>

<body>   

<div class="div">

    <div class="one">

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

        <p>欢迎来到慕课网学习新的知识</p>

    </div>

     <div cllass="one">

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

        <p>欢迎来到慕课网学习新的知识</p>

     </div>

      <div class="one">

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

        <p>欢迎来到慕课网学习新的知识</p>

      </div>

      <div class="one">

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

        <p>欢迎来到慕课网学习新的知识</p>

    </div>

     <div class="one">

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

        <p>欢迎来到慕课网学习新的知识</p>

     </div>

      <div class="one">

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

        <p>欢迎来到慕课网学习新的知识</p>

      </div>

</div>

          

</body>

</html>


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

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

2回答
好帮手慕言 2019-11-05 13:40:05

同学你好,在实际工作中,要根据设计图去设置宽度,现阶段我们可以自己设置一个。

width设置的是元素本身的宽度(例如:给div元素的宽度设置为786px,那么div元素的宽度就是786px)。

在这里,为了实现和效果图同样的效果,div里面的内容有多宽,就给div元素的宽度设置多宽。

如果还有其他疑问的话,为了高效的为同学解答,可以新建问题,重新提问哦

祝学习愉快~

好帮手慕言 2019-11-05 11:42:23

同学你好,没有实现是因为样式书写的不完整,单词拼写错误和格式书写错误。

建议:可以给外类名为div的元素宽度设置为内容的总宽度,再调整内边距。

如下参考:

http://img1.sycdn.imooc.com//climg/5dc0ef5a09b7d79605230823.jpg

http://img1.sycdn.imooc.com//climg/5dc0ef8609614cbe10120301.jpg

同学可以修改后测试下。

祝学习愉快~

  • 提问者 慕函数4234673 #1
    老师这里的宽度我们应该怎么去设置呢?width不是表示内容的宽度吗
    2019-11-05 13:18:13
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

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