Question

因此，尝试弄清楚如何构建网页，尝试使用bodyWrapper，max-height: 100%使max-width: 100%覆盖整个网页。然后我将尝试使用20%等来放置我的所有其他元素......我希望它在调整大小时会有所帮助，这是正确的方法吗？无论如何，我的CODING问题是我的div只覆盖了整个页面的一行。

我的代码;

html {
  max-height: 100%;
  max-width: 100%
}

body {
  max-height: 100%;
  max-width: 100%;
}

#bodyWrapper {
  max-height: 100%;
  max-width: 100%;
  background-color: black;
}

<meta name="viewpoint" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="myCssTemplate.css">
</head>

<body>
  <div id="bodyWrapper">
    <p> This is a test.</p>
  </div>
</body>

Answer 1

您可以将bodyWrapper min-height设置为100vh。这意味着它需要100％的视口高度。

#bodyWrapper {
    min-height: 100vh;
    width: 100%;
    background-color: black;
}

Answer 2

您要实现的目标通常称为“网格系统”。最流行的网格框架是Bootstrap。 Bootstrap的作用是改变所谓的媒体查询的max-width属性（例如100％）。基于此，您可以创建行和列。列具有与其父（行和容器）的相对宽度，例如，（比如你的例子）20％。

由于此任务已由多个框架完成，因此理解如何非常重要，但对自己实施并不重要。只需使用框架完成此任务。

Answer 3

使用blocksContent= [ {blockId: "58f0dcfe-55d8-447d-87cc-fc00ec068407", documentId: 298, chapterId: "4c26640a-bcda-4788-aee3-5c1508f70a67"}, {blockId: "58f0dcfe-55d8-447d-87cc-fc00ec085407", documentId: 298, chapterId: "4c26640a-bcda-4788-aee3-5c1508f70a67"} {blockId: "de19b7c5-ff69-4fce-a38d-c6f0ee0d1eb5", documentId: 298, chapterId: "4c26640a-bcda-4788"} ]或max-height时，您要求元素的最大高度不超过您所写的金额（在您的情况下为100％），因此从技术上讲，不可能涵盖所有页面。因此，在您的情况下，您必须要求最小尺寸。

max-width

之后，您可以自由地将包装内的其他元素放入您想要的宽度。

Answer 4

首先，您需要将getSpeakers()设置为DOM height:100%的根元素....

html无法使用，因为max-height:100%定义了内容的最大高度，如果内容将添加到下面代码段...它将帮助您理解{{1}概念。

＆＃13;

max-height

＆＃13;

max-height

＆＃13;

回到您需要将div { width: 100px; max-height: 100px; background: red; margin-bottom: 20px; }设置为<div>Lorem ipsum dolor sit amet</div> <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lacinia, ipsum a posuere consequat, purus erat faucibus orci, vel porta leo odio vitae ligula. Maecenas interdum quis dui eu faucibus.</div>而不是min-height:100%的问题，而且您不必设置#bodyWrapper或{{ 1}}到max-height，max-width:100%，width:100%，因为默认情况下有html元素，body元素总是带div指定的block值

＆＃13;

block

＆＃13;

width:100%

＆＃13;

Div和CSS的问题

4 个答案: