D129_FloatExcriseXia "/>

HTML浮动元素高度问题讲解

HTML浮动元素高度问题讲解
  浮动元素的高度问题
 
  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></div>
 
  </div>
 
  <hr>
 
  <div>
 
  <div></div>
 
  </div>
 
  </body>
 
  </html>

推荐阅读