html/css如果子对象大于主体如何处理,如果不是

bxjv4tth  于 2023-01-27  发布在  其他
关注(0)|答案(1)|浏览(108)

我的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>
r7s23pms

r7s23pms1#

所以我认为你可能需要的是"css函数",你可以使用calc()函数来做你想做的事情。我不能真正理解你在计算本身方面的要求。但是这里有一些链接可以帮助你开始:https://css-tricks.com/complete-guide-to-css-functions/https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Functions
希望能有所帮助

相关问题