Html Div不是页面的全部高度

我正在建立三列div网站，无法让div为整个页面着色。它只会在卷轴弄乱后覆盖窗口和所有东西

正如你在这里看到的 如何使其在滚动后保持柱形？ 这是我的密码

*{
保证金：0；
填充：0；
}
.container{}。对{
浮动：对；
宽度：20%；
背景颜色：米色；
高度：100vh；
}
.左{
浮动：左；
宽度：20%；
背景颜色：米色；
高度：100vh；
}
.中{
利润率：0.100px；
背景颜色：玉米丝；
高度：100vh；
}
.菜单ul{
列表样式类型：无；
显示：内联；
文本对齐：居中；
}
李先生{
显示：内联；
宽度：15%；
浮动：左；
}
.联系方式{
左边距：25px；
}
对{
浮动：对；
左边距：10px；
边缘顶部：10px；
边缘底部：10px；
右边距：10px；
}
左对齐{
浮动：左；
左边距：10px；
边缘顶部：10px；
边缘底部：10px；
右边距：10px；
}
人力资源{
高度：10px；
颜色：米色；
背景颜色：米色；
边界：无；
}

艺术家

头衔

年

类型

大小

收藏










艺术家

头衔

年

类型

大小

收藏










艺术家

头衔

年

类型

大小

收藏










艺术家

头衔

年

类型

大小

收藏










请随时联系我们的馆长

大街123号

多伦多，安大略省

M1A 2B3



您也可以通过以下方式联系我们：

电邮：

电话：416-555-6789



因为高度：100vh

是视口的高度，在本例中是窗口的高度。如果您希望您的项目扩展整个页面，请使其

height:100%，只要父元素展开页面（即容器），它就会工作。请注意，您需要定义容器的高度，以便子元素知道它们需要的高度：

注意：在本例中，我已更改了项目的结构。基本上，您希望将每个元素堆叠到另一个元素的左侧，因此右侧元素将是DOM中的最后一个元素


*{
保证金：0；
填充：0；
}
.集装箱{
高度：1045px；
}
.对{
浮动：左；
宽度：20%；
背景颜色：米色；
身高：100%；
}
.左{
浮动：左；
宽度：20%；
背景颜色：米色；
身高：100%；
}
.中{
浮动：左；
宽度：60%；
背景颜色：玉米丝；
身高：100%；
}
.菜单ul{
列表样式类型：无；
显示：内联；
文本对齐：居中；
}
李先生{
显示：内联；
宽度：15%；
浮动：左；
}
.联系方式{
左边距：25px；
}
对{
浮动：对；
左边距：10px；
边缘顶部：10px；
边缘底部：10px；
右边距：10px；
}
左对齐{
浮动：左；
左边距：10px；
边缘顶部：10px；
边缘底部：10px；
右边距：10px；
}
人力资源{
高度：10px；
颜色：米色；
背景颜色：米色；
边界：无；
}















艺术家

头衔

年

类型

大小

收藏










艺术家

头衔

年

类型

大小

收藏










艺术家

头衔

年

类型

大小

收藏










艺术家

头衔

年

类型

大小

收藏










请随时联系我们的馆长

大街123号

多伦多，安大略省

M1A 2B3



您也可以通过以下方式联系我们：

电邮：

电话：416-555-6789



可乐
使用高度：100%而不是高度：100vh。vh也一样多