页面布局之DIV设置最小高度，并且要有自适应高度

最新推荐文章于 2022-04-29 22:07:05 发布

原创最新推荐文章于 2022-04-29 22:07:05 发布 · 519 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#CSS

Java学习专栏收录该内容

18 篇文章

订阅专栏

本文介绍了一种通过JavaScript动态调整网页中DIV元素高度的方法。利用此方法可以根据父元素的高度自动调整DIV的高度，确保内容能够完全展示并且保持良好的视觉效果。

动态设置DIV高度：

<script>  function onLoad(){      	
var workSpaceW = document.getElementById("body").parentElement.offsetWidth;//宽度      
  var workSpaceH = document.getElementById("body").parentElement.offsetHeight;//高度    	                     
document.getElementById("flowDiv").style.height = workSpaceH-75 ;           
 }</script>
<body id="body" onload="onLoad()">
<div id="flowDiv" style="width: 150px;; OVERFLOW-X: auto; OVERFLOW: scroll">
dddd</div>
</body>