首页 / 知识

HTML浮动元素高度问题讲解

2023-04-11 14:48:00

　　浮动元素的高度问题

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

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

　　（推荐教程：html教程）

　　<!DOCTYPEhtml>

　　<html>

　　<head>

　　<metacharset="UTF-8">

　　<title>D129_FloatExcriseXia</title>

　　<style>

　　.fuyuansu,.fuyuansu1{

　　border:2pxblacksolid;

　　}

　　.biaozhun{

　　width:100px;

　　height:100px;

　　background-color:red;

　　}

　　.fudong{

　　width:100px;

　　height:100px;

　　background-color:yellow;

　　float:left;

　　}

　　</style>

　　</head>

　　<body>

　　<div>

　　</div>

　　<hr>

　　<div>

　　</div>

　　</body>

　　</html>