HTML浮动元素高度问题讲解-9543建站博客

HTML浮动元素高度问题讲解

admin2025-05-12前端13 浏览

广告：宝塔Linux面板高效运维的服务器管理软件点击【 https://www.bt.cn/p/uNLv1L 】立即购买

HTML浮动元素高度问题讲解

浮动元素的高度问题

1、在标准流中，内容的高度可以撑起父元素的高度。

2、在浮动流中，浮动的元素是不可以撑起父元素的高度的。

（推荐教程：html教程）

<!DOCTYPE html><html><head>    <meta charset="UTF-8">    <title>D129_FloatExcriseXia</title>    <style>        .fuyuansu,.fuyuansu1{            border:2px black solid;        }        .biaozhun{            width:100px;            height: 100px;            background-color: red;        }        .fudong{            width:100px;            height: 100px;            background-color: yellow;            float:left;        }</style></head><body><div>    <div></div></div><hr><div>    <div></div></div></body></html>

登录后复制

结果如图：

更多编程相关内容，请关注9543建站博客编程入门栏目！

以上就是HTML浮动元素高度问题讲解的详细内容，更多请关注9543建站博客其它相关文章！

广告：SSL证书一年128.66元起，点击购买~~~