需要Div占用布局空间,不会填充空间

时间:2019-07-13 21:13:07

标签: html css

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

<div class = "row-2">

    <div class = "col-5">
    </div>

    <footer class = "col-7">

    *other code*

    </footer>
</div>

页脚应留出5列宽度的空间,页脚应一直向左移。

1 个答案:

答案 0 :(得分:0)

使用width和height元素设置尺寸,并使用不同的测量单位进行设置。例如:

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

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