HTML浮动元素高度问题讲解

2020-07-10 13:03:00易采站长站整理

浮动元素的高度问题

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中文网编程入门栏目!