页面设置问题

来源：3-4 编程练习

慕慕9452826

2018-12-04 23:59:33

1、设置 tu 的浮动后，h2设置不设置代码页面效果都一样，为什么呢？

<!DOCTYPE html>
<html>
<head>
        
        <style>
           .kuang{
            width: 800px;/*宽度*/
            height: 360px;/*高度*/
            margin-top: 30px;/*上边距*/
            margin-left: 30px;/*左边距*/
            border: 2px green dashed;/*设置样式，边框、颜色、虚线 */
            padding:10px;/*填充*/
            color: both;
           }
          .h1{
               width: 800px;
               height: 180px;
               margin-left: 20px;
             }
          .tu{
            width: 260px;
            height: 135px;
            float: left;
          }
          .h2{
            width: 800px;
            height: 180px;
            margin-left: 20px;
          }
        </style>
</head>
<body>
        
        <div class="kuang">
            <div class="h1">
                 <div class="tu"><img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"><p>欢迎来到慕课网学习新知识</p></div>
                 <div class="tu"><img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg"><p>欢迎来到慕课网学习新知识</p></div>
                 <div class="tu"><img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg"><p>欢迎来到慕课网学习新知识</p></div>
            </div>
            <div class="h2">
                <div class="tu"><img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"><p>欢迎来到慕课网学习新知识</p></div>
                 <div class="tu"><img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg"><p>欢迎来到慕课网学习新知识</p></div>
                 <div class="tu"><img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg"><p>欢迎来到慕课网学习新知识</p></div>
            </div>
        </div>
</body>
</html>