CSS: HTML 高度:100% 仅在一页上
我认为这是一个愚蠢的问题,但答案很简单。
我正在构建一个网站,该网站的一个页面上的布局与其他页面完全不同。在一页上,设计需要液体垂直布局,因此我需要以下代码: *{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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
也许
.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)
这会起作用,因为我今天早些时候刚刚在我的一个项目中应用了它。 :)
如果您的页面需要默认高度,则不要加载此 css 样式。您可以将其放在单独的 CSS 文件中。
This will work, because I just applied this in one of my projects earlier today. :)
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.