CSS刷题:浮动和清除浮动

文章目录

描述

请将类为"left"的div元素和类为"right"的div元素在同一行上向左浮动,且清除类为"wrap"的父级div元素内部的浮动。

代码

<html>
    <head>
        <meta charset=utf-8>
        <style type="text/css">
            .wrap {
                height:100px;
                clear:both;
                
            }
             .left {
                width: 100px;
                height: 100px;
                float:left;
                
            }
             .right {
                width: 100px;
                height: 100px;
                float:left;
                
            }
        </style>
    </head>
    <body>
        <div class='wrap'>
            <div class='left'></div>
            <div class='right'></div>
        </div>
    </body>
</html>

效果


版权声明:本文为summerriver1原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。