题解 | #浮动和清除浮动#

浮动和清除浮动

http://www.nowcoder.com/practice/88bcbaee954349f5a8810bfa94ee61a8

<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>
全部评论
不对啊,清除浮动应该是给当前浮动元素的父元素中的最后一个块级元素写清除浮动,你这个需要修正,按照你的写法不能清除浮动。
点赞 回复 分享
发布于 2021-12-31 16:34
.wrap { /*补全代码*/ height: 100px; } .left { width: 100px; height: 10px; background-color:cadetblue; /*补全代码*/ float: left; } .right { width: 100px; height: 100px; /*补全代码*/ float: left; background-color: blueviolet; clear: both; }
点赞 回复 分享
发布于 2022-09-08 10:22 贵州
为啥warp,只写个height就行了不加width?萌新求解
点赞 回复 分享
发布于 2022-09-19 00:23 广东
overflow:hidden;和clear:both;有啥区别
点赞 回复 分享
发布于 2022-10-16 16:10 山西

相关推荐

我见java多妩媚:大外包
点赞 评论 收藏
分享
牛客963010790号:为什么还要收藏
点赞 评论 收藏
分享
7 1 评论
分享
牛客网
牛客企业服务