div的高度设置

最新推荐文章于 2025-09-17 19:49:44 发布

原创最新推荐文章于 2025-09-17 19:49:44 发布 · 672 阅读

0 ·

CC 4.0 BY-SA版权

本文探讨了CSS中body标签下的div使用百分比设置高度时存在的限制，并通过示例代码展示了有效的实现方式。当直接应用于body内的div时，百分比高度无效；然而，在嵌套的div中，这种方法则是可行的。

body中的div用css调节高度不能用百分数，否则无效，在Div内部则无此限制

如：

<!DOCTYPE HTML>
<html>
  <head>   
    <title>博客首页</title>
    <style type="text/css">
    	body{
    		margin:0;
    	}
    	#container{
    		width:100%;
    		height:1000px;
    		background:red;
    	}
    	#test{
    		width:100%;
    		height:50%;;
    		background:blue;
    	}
    </style>	
  </head> 
  <body>
      <div id="container">
      	<div id="test">
      	234
      	</div>
      	drftghdr
      </div>
  </body>
</html>

设置container的高度时不能用百分数，但test则可以