您的位置 首页 html教程

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>

结果如图:

e83f8a5890ba4270c8719e1b8cf2ac4.png

更多编程相关内容,请关注php中文网编程入门栏目!

以上就是HTML浮动元素高度问题讲解的详细内容,更多请关注php中文网其它相关文章!

文章来源:火云技术网

文章标题:HTML浮动元素高度问题讲解

文章地址:https://www.pyhw.net/30802_html%e6%b5%ae%e5%8a%a8%e5%85%83%e7%b4%a0%e9%ab%98%e5%ba%a6%e9%97%ae%e9%a2%98%e8%ae%b2%e8%a7%a3.html

关于作者: 火云技术网

热门文章

发表评论

您的电子邮箱地址不会被公开。

网站地图