引导单页布局视口宽度单位
我正在Bootstrap中创建一个简单的单页布局，但是我正在为大屏幕和移动设备上的div的背景颜色而苦苦挣扎。当在大屏幕上时，div的尺寸是100VW宽和100VH高--这一切都很好。问题是，当我向下缩放视口时，div的所有内容下面没有所需的颜色，内容溢出到第一个div下面的第二个div中。
我怎样才能使div的所有内容下面都有一种颜色，不管视区大小是多少？（宽度或高度的100%没有帮助，有边框在侧面）。
谢谢
共有1个答案
你的意思是给div添加一个背景色？
CSS
.my__div {
background: red; // add background color
}
HTML
<div class="my__div">Some content here</div>
-
问题内容： 我正在尝试创建一个画布元素，该元素占用视口宽度和高度的100％。 您可以在我的示例中看到这种情况的发生，但是它正在Chrome和FireFox中添加滚动条。如何防止多余的滚动条，仅将窗口的宽度和高度精确设置为画布的大小？ 问题答案： 为了始终使画布全屏显示宽度和高度，这意味着即使调整了浏览器的大小，也需要在将画布调整为window.innerHeight和window.innerWid
-
我正在创建一个GUI界面来与仓库的数据库进行交互。应用程序需要将项目添加到数据库，更新并显示它们。我在数据库中有一些表，对于每个表，我想创建一个JPanel，并将它们放在cardlayout中，这样我就可以使用JMenu项在它们之间导航。每个JPanel都有相同的表单。在顶部，有一个包含文本字段、组合框等的框，用于在表中添加项目。在这个框的下面，我有一个有1行的JTable，在这个框的下面，我在J
-
有些单位在不同的语境中有不同的含义。这章论述了独立设备像素，可扩展像素的使用方法以及如像素密度的概念。 像素密度 密度独立像素 可扩展像素（sp） 为 DP 设计布局 图像缩放 像素密度 每英寸的像素数被称为“像素密度”。高密度的屏幕比低密度的屏幕更像素更高。因此用户界面元素（如按钮）在低密度屏幕上显示较大而在高密度屏幕上显示较小。 每英寸的像素，或者屏幕分辨率，是指在一个特定显示中的像素数。 D
-
问题内容： 我最近一直在研究CSS布局，该布局将显示固定宽度（最小宽度，最好可扩展）的单个居中列，占据整个高度（减去页眉和页脚）。 有什么建议吗？我已经尝试过这里发布的几种方法，但是没有一种符合我的标准。另外，我不想为此使用JS，因此它必须是纯CSS。 我不是专家，所以我不知道采用哪种方法： 三列，每列的边距减去中心列宽度的一半再加上一个假的中心列，以拉伸到100％的高度？我有点不喜欢这个想法，因
-
我正在引导4中创建一个下拉列表。我把下拉切换按钮和下拉菜单放在类="容器"的div元素中，我希望下拉切换和下拉菜单为其父元素的全宽度。我为此写了这个代码 下拉切换按钮占据其父div的全部宽度。但是，当我单击下拉切换按钮时，我发现下拉菜单没有占据全部宽度。我想让下拉菜单的宽度等于它的父菜单宽度，我该怎么做？（我尝试使用width:inherit；property，但没有正常工作）
-
问题内容： 我最近一直在研究CSS布局，该布局将显示固定宽度（最小宽度，最好可扩展）的单个居中列，占据整个高度（减去页眉和页脚）。 有什么建议吗？我尝试过这里发布的几种方法，但是没有一种符合我的标准。另外，我不想为此使用JS，因此它必须是纯CSS。 我不是专家，所以我不知道采用哪种方法： 三列，每边的边距减去中心列宽度的一半再加上一个假的中心列，以拉伸到100％的高度？我有点不喜欢这个主意，因为我