0

doctype 宣言に奇妙な問題があります。フッターをページの一番下に固定したい。doctype を宣言するときは発生しません。Doctype を削除すると、フッターが一番下にくっつきます。

コード - 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<link rel="stylesheet" href="styles.css"/>
</head>   
<body>  
<div id="wrapper">
    <div id="header">

    </div>
    <div id="content">

    </div>
    <div id="footer">

    </div>

</div>  
</body>
</html>

CSS -

#wrapper{
border: 1px solid black;
position: relative;
min-height:100%;
}

#header{
height: 100px; 
background: green;              
}

#content{
height: 100px; 
background: red; 
width: 400px;
margin:0 auto;      
}

#footer{
height: 50px; 
background: blue;
position: absolute; 
bottom: 0;
left:0;
right:0;
}

これを修正する方法はありますか？

4

1 に答える 1

0

XHTML トランジショナル DOCTYPE は Web ブラウザーで互換モードをトリガーしませんが、XHTML 名前空間を追加するのを忘れていましたhttp://www.w3.org/1999/xhtml。そうすることで、ブラウザーはドキュメントを従来のマークアップで記述されているかのように解釈します。検証しないユーザー エージェントの名前空間は、要素を認識して既定のスタイルを割り当てる唯一の方法です。XML ドキュメントを作成し、XHTML 名前空間をカスタム要素と混合した XHTML 要素と一緒に使用すると、指定された XHTML 名前空間に属する要素のみが既定のブラウザーのスタイルシートから既定のスタイルを取得することがわかります。

于 2013-09-07T17:37:05.260 に答える