引导一页布局视口宽度单位

Question

我在 Bootstrap 中创建了一个简单的单页布局，但是我在大屏幕和移动设备上处理 div 的背景颜色。在大屏幕上，div 的大小是 100vw 宽和 100vh 高 - 一切都很好。问题是当我缩小视口时，div 的所有内容下方都没有所需的颜色，内容溢出到第一个 div 下方的第二个 div 中。

无论视口大小如何，如何使 div 在其所有内容下方始终具有一种颜色？ （100% 的宽度或高度确实没有帮助，边上有边框）。

谢谢

Answer 1

你的意思是给 div 添加背景颜色？

CSS

.my__div {
  background: red; // add background color
}

HTML

<div class="my__div">Some content here</div>