1

HTMLを適切に実行する方法を学ぶために、いくつかの基本的な初心者向けチュートリアルを実行しています。css で div タグを使用してコンテンツを中央に配置している部分に来ました。ただし、テスト ページを開くと、すべてがブラウザの右側にロックされたままになります。解決策を求めてフォーラムを精査してきましたが、問題を解決するものは何もないようです。Chrome と IE でテスト済み。

<!doctype html>
<html>
<head>
   <meta charset="utf-8">
   <title>My First Website</title>
   <link rel="stylesheet" href="css/style.css">
</head> 
<body>

<div>
    <h1> My Website </h1>
    <p><a href="about/about.html">Learn more about me.</a></p>

    <img src="img/lady.jpg" alt="skyrim">


    <h2>My New Section </h2>

</div>




</body>
</html>

CSSは次のとおりです。

    a {
    color: red; 
    text-decoration: none;  
}

h1 {
  font-family: sans-serif;
 }

div {
    width: 500px;
    margin: 0 auto;
    background: red;
    text-align: center;
     }
4

3 に答える 3

3

Doctype がありません。これにより、Quirks モード(非互換性の土地) に入ります。

ドキュメントの一番最初に追加します。

<!DOCTYPE html>
于 2013-06-18T13:24:53.070 に答える
1

を追加する必要がありDOCTYPEます。これは、HTML5 DOCTYPE

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>


        HTML here


</body>
</html>
于 2013-06-18T13:27:07.673 に答える
1

それは私の最後にうまく見えます：

http://jsfiddle.net/Riskbreaker/JH7NK/

あなたがその上に垂直にある余分なスペースを意味するなら、あなたのh1.

私はあなたを示すために編集しました：

div h1 {margin: 0}
于 2013-06-18T13:47:19.197 に答える