关于html浮动布局的问题

发布网友发布时间：2022-04-20 08:59

共3个回答

懂视网时间：2022-04-29 12:28

浮动元素的高度问题

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>

结果如图：

更多编程相关内容，请关注Gxlcms编程入门栏目！

热心网友时间：2022-04-29 09:36

以下是实现你想要的方法
<style type="text/css">
#box{
width:695px;
height:<a href="https://www.baidu.com/s?wd=500px&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1d-PWFbuARW0YnWuhmycs0ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6KdThsqpZwYTjCEQLGCpyw9Uz4Bmy-bIi4WUvYETgN-TLwGUv3EPHm3n103rjbk" target="_blank" class="-highlight">500px</a>;
background:#CCC;
}
#et {

width:337px;
height:222px;
margin:5px;
float:left;
background:orange;

}
</style>
<body>
<div id="box">
<div id="et"></div>
<div id="et"></div>
<div id="et"></div>
<div id="et"></div>
</div>
</body>
</html>

热心网友时间：2022-04-29 10:54

代码如下
<style type="text/css">
#box{
width:695px;
height:500px;
background:#CCC;
}
#et {

width:337px;
height:222px;
margin:5px;
float:left;
background:orange;

}
</style>
<body>
<div id="box">
<div id="et"></div>
<div id="et"></div>
<div id="et"></div>
<div id="et"></div>
</div>
</body>
</html>追问不对，说了不设置高度，让他自己撑起来，你这样再加一个就溢出了

全部栏目

关于html浮动布局的问题