需要 Div 占用空间进行布局，不会填满空间

Question

我需要.html文件中特定行中的一列来占用空间，但它将是空白空间。当我将其放在行的 Div 中并将div 的类设置为正确的列大小时，它将不会显示。我有开始和结束div 的集合

<div class = "row-2">
    <div class = "col-5">
    </div>
    <footer class = "col-7">
    *other code*
    </footer>
</div>

对于列宽为 5 的页脚，页脚应该留出空间，页脚一直向左。

Answer 1

使用宽度和高度元素来设置大小，并使用不同的测量单位来执行此操作。例如：

div {
  width: 50%;
  height: 50vh;
}

这将使div 成为父元素宽度的 1/2 和总屏幕高度的 1/2。% 符号表示父元素宽度的百分比，vh 测量值是以百分比表示的视口高度。有关更多信息，您可以阅读w3schools：https://www.w3schools.com/cssref/css_units.asp 的单位和度量部分