为什么这样就能使父元素具有高度,他不是应该是清除后面的元素的浮动吗???

为什么这样就能使父元素具有高度,他不是应该是清除后面的元素的浮动吗???

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>Document</title>

    <style>

        .per{

            width: 300px;

            height: auto;

            border:2px solid #aaa;

        }

        .li{

            width: 100px;

            height: 100px;

            background: red;

            margin: 5px;

            float: left;

        }

        .clear:after{

            content:"";

            visibility:hidden;

            height:0px;

            display:block;

            clear:both;

        }

        /*此处写代码*/

    </style>

</head>

<body>

    <div class="per">

        <div class="li"></div>

        <div class="li"></div>

        <!-- 此处写代码 -->

        <div class="clear"></div>

    </div>

</body>

</html>


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

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

2回答
好帮手慕小尤 2020-02-23 09:40:37

同学你好,clear是清除浮动,而使父元素具有高度的原因是由子元素的高度撑起来的。

如果解决您的问题请采纳,祝学习愉快!

guly 2020-02-22 17:22:40

你好,父元素高度是自适应,高度是子元素撑起来的,如果解决您的问题请采纳,祝学习愉快!

问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
PHP小白零基础入门
  • 参与学习           人
  • 提交作业       626    份
  • 解答问题       4930    个

想要学好Web后端开发的中流砥柱语言,本阶段为你轻松铺就扎实的基础,从前端网页布局的搭建到后台PHP开发,助你从零基础到掌握主流开发语言。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

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