1

我设置了我的 css 文件，以便我网站上的所有页面都发生这种情况：

body,html{
  height:100%;
}

div#right{
  height:100%
}

我希望一页是一个例外。如何覆盖和使用该页面的默认高度值？在 .html 文件中用 height="auto" 声明 html 和 body 是否足够？

4

3 回答 3

0

如果此代码在外部 CSS 文件中，则<style>在您不希望高度为 100% 的页面中写入标签 -

<link href="style.css" rel="stylesheet" type="text/css" /> <!-- your current CSS file -->

<style type="text/css">

html, body{
  height: auto;
}

</style>
于 2012-10-12T06:26:28.327 回答
0

是的，“auto”是高度的默认值（初始值）（至少在大多数常见浏览器中）。在Mozilla Developer Network或W3C 的 CSS 2.1 规范中查找相关部分。

在您的具体情况下，您可能会用另一个定义覆盖一个定义。为了确保文件中的一个计数，您可以在 html 文件中的 css 代码中添加“！important”：

body, html{
  height: auto !important;
}

PS：我强烈建议您熟悉适当的 Web 开发工具，例如 Opera Dragonfly、Chromium 的开发人员工具或 Mozilla 中的 Firebug - 特别是 Chromium 的开发人员工具会告诉您哪些 CSS 规则很重要，哪些规则会被其他规则覆盖。

于 2012-10-12T06:29:06.507 回答
0

只需转到特定 html 页面的资源代码并在head 部分添加样式。

<html>
  <head>
       <style>
            body, html 
            {
               height:auto;
               width:auto;
            }
       </style>
  </head>
  <body>
    ..........
  </body>
于 2012-10-12T06:40:19.130 回答