HTML给div设置百分比高度无效问题

最新推荐文章于 2025-05-15 08:28:14 发布

原创最新推荐文章于 2025-05-15 08:28:14 发布 · 7.7k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#HTML给div设置百分比高度无效问题

前端专栏收录该内容

17 篇文章

订阅专栏

本文介绍了一种解决HTML和body标签默认高度不足的问题的方法，通过给这两个标签设置100%的高度来确保页面能够完全填充浏览器窗口。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.如下代码

方案一：同时给顶层父类标签body和HTML设置一个高度

导致这样的原因是html和body标签默认宽度是整行，高度就只是一部分并不包括全部

<!DOCTYPE html><head> 
<html style="height: 100%;"> 
<meta charset=utf-8> 
<title>HTML5画线、圆、矩形</title>
</head> 
<script>

</script>
<body style="height: 100%;">
  <div style="width:80% ;height: 80%;border: dotted;">
 	 
  </div>
</body> 
</html>