我的HTML是尽可能最小的，而且id content”的内容是在JavaScript中生成的。h1有一个基于字体大小的静态高度，但如果需要的话，我想修改这个（在css中），有时会显示h2，有时不会。
是否可以设置内容=主体- h1高度- h2高度，但如果内容〉主体高度，则展开主体？无需任何外部库。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles/main-styles.css">
<link rel="icon" type="image/png" href="./favicon.png" />
<link rel="apple-touch-icon" type="image/png" href="./favicon.png">
<link rel="stylesheet" href="#" id="custom-css">
<base href="./">
<title>Perfume Finder</title>
</head>
<body>
<h1>Perfume Finder</h1>
<h2 id="txt-title"></h2>
<div id="content">
</div>
<script type="module" src="./modules/script.js"></script>
</body>
</html>
1条答案
按热度按时间r7s23pms1#
所以我认为你可能需要的是"css函数"，你可以使用calc（）函数来做你想做的事情。我不能真正理解你在计算本身方面的要求。但是这里有一些链接可以帮助你开始：https://css-tricks.com/complete-guide-to-css-functions/https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Functions
希望能有所帮助