Chrome有時會以不同的方式呈現我的HTML / CSS

Question

我剛剛開始學習HTML / CSS，並試圖從頭開始創建個人網站（沒有CSS工具）

昨晚當我在Firefox和IE中測試我的網站時，它看起來很干凈

當我在Chrome中測試我的網站時，我的鏈接四處移動：

有人知道這里發生了什么嗎？ 這是我的標記：

<!DOCTYPE html>
<html>
    <head>
        <title>Home | Some Website!</title>
        <style>
            * {
                padding: 0;
                margin: 0;
            }

            body {
                width: 960px;
                font-size: small;
                font-family: Verdana, Helvetica, Arial, sans-serif;
                line-height: 1.6em;
                background-color: #FFFFF0;
                margin: 0 auto;
            }

            #header {
                border-style: solid;
            }
            #header img {
                margin: 4px 0px 0px 4px;
            }

            #header ul {
                list-style-type: none;
                display: inline;
                margin: 25px 30px 0px 0px;
                float: right;
                font-size: x-large;
            }

            #header ul li {
                display: inline;
                margin: 0 30px;
            }

            #header li a:link {
                color: #FF00FF;
                text-decoration: none;
            }

            #header li a:hover {
                text-decoration: underline;
            }
        </style>
    </head>
    <body>
        <div id="header">
            <img src="http://i.imgur.com/YbAx7y1.png" alt="Temp Logo!">
            <ul>
                <li><a href="about.html">About Me</a></li>
                <li><a href="resume.html">R&eacute;sum&eacute;</a></li>
                <li><a href="projects.html">Projects</a></li>
                <li><a href="contact.html">Contact</a></li>
            </ul>
        </div>
    </body>
</html>

Answer 1

從display: inline;更改#header ul css定義display: inline; display: inline-block; 。

Answer 2

每個瀏覽器對事物的解釋都不同。 您應該比body { font-size: small }更具體。 我建議使用px值，除非您確實打算將其留給瀏覽器使用。

Chrome有時會以不同的方式呈現我的HTML / CSS

問題描述

2 個解決方案

解決方案1
0 2013-08-19 18:20:02

解決方案2
0 2013-08-19 18:24:00

Chrome有時會以不同的方式呈現我的HTML / CSS

問題描述

2 個解決方案

解決方案1 0 2013-08-19 18:20:02

解決方案2 0 2013-08-19 18:24:00

解決方案1
0 2013-08-19 18:20:02

解決方案2
0 2013-08-19 18:24:00