CSS: HTML 高度:100% 仅在一页上

发布于 2024-10-14 06:55:06 字数 551 浏览 2 评论 0原文

我认为这是一个愚蠢的问题,但答案很简单。

我正在构建一个网站,该网站的一个页面上的布局与其他页面完全不同。在一页上,设计需要液体垂直布局,因此我需要以下代码: *{height:100%;}在其他页面上,我只需要默认高度。

我尝试在html标签中添加一个类,该类在html中有效,但在CSS文件中无效。我尝试过:

*.myClass

html.myClass

似乎不起作用。

我似乎无法在网上找到任何有关此的信息。是否可以向 html 标签添加类?

我正在使用 WordPress,因此我可以轻松检查我所在的页面并添加 myClass。

我想我还可以使用 @import 根据我所在的页面获取不同的样式表,但这似乎是一种冗长的做事方式。

如何将 height:100% 指定为仅特定页面上的 html 标记的值?

有人能指出我正确的方向吗?

谢谢,

Dumb question with a simple answer, I think.

I am building a site that has a completely different layout on one page from the rest. On one page, the design requires a liquid vertical layout, so I need the following code: *{height:100%;}On the other pages I just want the default height.

I tried to add a class to the html tag, which works in the html, but not in the CSS file. I tried:

*.myClass

and

html.myClass

but it doesn't seem to work.

I can't seem to find any info on this online. Is it even possible to add classes to the html tag?

I am using wordpress, so I can easily check to see which page I'm on and add myClass.

I guess I could also use @import to get a different style sheet based on the page I'm on, but that seems like a longwinded way of doing things.

How can I specify height:100% as a value of the html tag on specific pages only?

Can anyone point me in the right direction?

Thanks,

J

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

念﹏祤嫣 2024-10-21 06:55:06

也许 .myClass, .myClass body {height: 100%}

确实可以将类添加到 标记中。

现场演示 (查看代码)

Perhaps .myClass, .myClass body {height: 100%}?

It is indeed possible to add a class to the <html> tag.

Live Demo (see code)

旧城烟雨 2024-10-21 06:55:06

这会起作用,因为我今天早些时候刚刚在我的一个项目中应用了它。 :)

html,body { 
   height:100%
}

如果您的页面需要默认高度,则不要加载此 css 样式。您可以将其放在单独的 CSS 文件中。

This will work, because I just applied this in one of my projects earlier today. :)

html,body { 
   height:100%
}

If you have pages that require the default height, then don't load this css style. You can place it in a separate CSS file.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文