Question

我设置了自己的css文件，以便我网站上的所有网页都能实现这一点：

body,html{
  height:100%;
}

div#right{
  height:100%
}

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

Answer 1

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

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

<style type="text/css">

html, body{
  height: auto;
}

</style>

Answer 2

是的，“auto”是高度的默认值（初始值）（至少在大多数常见浏览器中）。在Mozilla Developer Network或W3C's CSS 2.1 specification。

中查找相关部分

在具体情况下，您可以用另一个覆盖一个定义。要确保文件中的那个是重要的，您可以在html文件中的css代码中添加“！important”：

body, html{
  height: auto !important;
}

PS：我强烈建议您熟悉适当的Web开发工具，如Opera Dragonfly，Chromium的开发人员工具或Mozilla中的Firebug - 特别是Chromium的开发人员工具会向您显示哪些CSS规则计数以及哪些规则被其他规则覆盖。

Answer 3

只需转到特定的html页面的资源代码并添加即可头部中的风格。

<html>
  <head>
       <style>
            body, html 
            {
               height:auto;
               width:auto;
            }
       </style>
  </head>
  <body>
    ..........
  </body>

Html覆盖设置

3 个答案: