Html 如何设置网站的最小垂直高度?

Html 如何设置网站的最小垂直高度?,html,css,Html,Css,这是我的网站- 我注意到,如果我降低视口的高度,侧边栏的底部区域(带有电子邮件订阅字段的区域)与我的站点导航重叠 我想知道是否有一种方法可以为站点设置一些最小高度,这样,如果达到该值,它就会在右侧显示滚动条,并且不会进一步降低,这样我的电子邮件订阅表单就不会与导航链接重叠 我试图为BODY标签和标题侧栏设置最小高度:700px和溢出-y:auto,但这没有任何区别 你能告诉我我做错了什么吗 这里的答案是您提到的,它不起作用-为某些元素设置正确的最小高度。但是,您必须以包含导航和电子邮件订阅的元素

这是我的网站-

我注意到,如果我降低视口的高度,侧边栏的底部区域(带有电子邮件订阅字段的区域)与我的站点导航重叠

我想知道是否有一种方法可以为站点设置一些最小高度,这样,如果达到该值,它就会在右侧显示滚动条,并且不会进一步降低,这样我的电子邮件订阅表单就不会与导航链接重叠

我试图为
BODY
标签和
标题侧栏设置
最小高度:700px
溢出-y:auto
,但这没有任何区别

你能告诉我我做错了什么吗


这里的答案是您提到的,它不起作用-为某些元素设置正确的最小高度。但是,您必须以包含导航和电子邮件订阅的元素为目标。如果您将它设置为该元素,那么它应该可以工作,除非您使用某种wierd的东西来覆盖它的最小高度(我可以想象javascript可以很容易地完成这种事情)


如果您需要更多帮助,请在fiddle中共享相应的代码,我们可以在其中解决错误。

您可以使用css媒体查询

// The CSS queries inside this @media will applied when the viewport height is lesser than 1001px
@media screen and (max-height: 1000px) {
    // Reduce menu paddings and margins here
    // Example:
    .menu li {
        padding:2px 0;
        margin-top:3px;
        margin-bottom: 3px;
    }
}

如果将“overflow-y:auto;”添加到
行的样式中(而不是添加到包围它的滚动框),则如果窗口不够高,无法显示导航栏,则会出现滚动条。但是,该区域的页脚部分仍然覆盖滚动区域的下部。是否有理由将注册和版权部分与nav分开?如果您将其作为导航的一部分,则它应该只是滚动区域的一部分,没有重叠。

谢谢您的建议。我喜欢将订阅保持在底部,我认为这会使边栏看起来更干净,在空白区域分布上更平衡。谢谢。虽然它不能做到我想要的,但可能是不可能的,因为一些元素是绝对定位的。但我使用了你的建议,并使用媒体查询调整了一些元素。虽然它还没有完全解决这个问题,但它让事情变得更好:)谢谢。正如我看到的,现在调整网站大小看起来还不错!如果这有助于你投票的话:)谢谢你花点时间研究我的问题。我没有使用JS,但我在包含电子邮件注册的父div上有绝对的位置,所以它总是位于底部。我对feedle不是很熟悉,但我会尝试将我的代码放在那里,并让您知道。非常感谢。