老师这样写对吗？

来源：4-13 问题解决

LLLL_

2019-10-21 17:21:02

<!DOCTYPE html>
<html>
<head>
    <style>
        
        #div1{
            float:left;
            margin:20px 20px 20px 20px;
        }
        #div2{
            float:left;
           margin:20px 20px 20px 0px;
        }
        #div3{
            float:left;
            margin:20px 20px 20px 0px;
        }
        
        p{
            line-height:0.5em;
        }
        
    </style>
        <!-- 此处编写样式 -->
</head>
<body>   
    <div>
    <div1 id="div1" >
        <img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg">
        <p>欢迎光临</p>
    </div1>
    <div2 id="div2" >
        <img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg">
        <p>欢迎光临</p>
    </div2>
    <div3 id="div3" >
        <img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg">
        <p>欢迎光临</p>
    </div3>
    
     <div1 id="div1" >
        <img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg">
        <p>欢迎光临</p>
    </div1>
    <div2 id="div2" >
        <img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg">
        <p>欢迎光临</p>
    </div2>
    <div3 id="div3" >
        <img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg">
        <p>欢迎光临</p>
    </div3>
    
    
    
    
    

    </div>



        <!-- 此处写代码 -->    
</body>
</html>

写回答

2回答

好帮手慕阿满

2019-10-21

同学你好，html中没有div0，div1等标签，只有div标签，同学可以设置div标签，然后设置id或class为div0，div1，在css中，使用#div0，.div0的方式来获取对应的div。

另外同学下次贴代码时，记得贴在回答，选择代码语言，避免贴在回复中，失去代码格式。

祝：学习愉快~

好帮手慕阿满

2019-10-21

同学的代码有些问题，当宽度足够时，6个模块在一行显示，如：

这里建议同学按照任务提示来完成练习，如：

如果我的回答解决了你的疑惑，请采纳。祝：学习愉快~

hLLL_

h <!DOCTYPE html> <html lang="en"> <head> <style> div4{ float: left; } div0{ float: left; } #div1{ float:left; margin:20px 20px 20px 20px; } #div2{ float:left; margin:20px 20px 20px 0px; } #div3{ float:left; margin:20px 20px 20px 0px; } p{ line-height:0.5em; } </style>  </head> <body> <div4> <div1 id="div1" > <img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"> 欢迎光临 </div1> <div2 id="div2" > <img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg"> 欢迎光临 </div2> <div3 id="div3" > <img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg"> 欢迎光临 </div3> </div4> <div0> <div1 id="div1" > <img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"> 欢迎光临 </div1> <div2 id="div2" > <img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg"> 欢迎光临 </div2> <div3 id="div3" > <img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg"> 欢迎光临 </div3> </div0>  </body> </html>

h019-10-21