私のサイトのすべてのページでこれが発生するように、cssファイルを設定しています。
body,html{
height:100%;
}
div#right{
height:100%
}
1ページを例外にしたい。そのページのデフォルトの高さの値を上書きして使用するにはどうすればよいですか?.htmlファイルでheight="auto"を使用してhtmlとbodyを宣言するだけで十分ですか?
私のサイトのすべてのページでこれが発生するように、cssファイルを設定しています。
body,html{
height:100%;
}
div#right{
height:100%
}
1ページを例外にしたい。そのページのデフォルトの高さの値を上書きして使用するにはどうすればよいですか?.htmlファイルでheight="auto"を使用してhtmlとbodyを宣言するだけで十分ですか?
はい、「auto」が高さのデフォルト(初期値)です(少なくともほとんどの一般的なブラウザでは)。Mozilla Developer NetworkまたはW3C の CSS 2.1 仕様で関連部分を調べてください。
具体的なケースでは、ある定義を別の定義でオーバーライドすることがあります。ファイル内のものを確実にカウントするには、html ファイル内の css コードに「!important」を追加できます。
body, html{
height: auto !important;
}
PS: Opera Dragonfly、Chromium の開発者ツール、または Mozilla の Firebug などの適切な Web 開発ツールに慣れることを強くお勧めします。特に Chromium の開発者ツールは、どの CSS ルールがカウントされ、どのルールが他のルールによって上書きされるかを示します。
特定の html ページのリソース コードに移動し、head partにスタイルを追加するだけです。
<html>
<head>
<style>
body, html
{
height:auto;
width:auto;
}
</style>
</head>
<body>
..........
</body>
このコードが外部 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>