0

这是我的jsfiddle，我有一个非常基本的问题。 http://jsfiddle.net/DQL2U/

为什么三个选项卡（主页、关于我、联系人）之间的空间很小？我该怎么做才能让它们看起来彼此相连？我看到这是一个经常遇到的问题，但找不到解决方案。

<!DOCTYPE html>

<html>
    <head>
        <title>
            Burak Özmen - A Newbie Web Designer
        </title>
        <link rel="stylesheet" href="index.css"/>
    </head>

    <body>
        <nav>
            <a href="http://www.facebook.com">
                <div id="home">
                    <p>Home</p>
                </div>
            </a>
            <a href="">
                <div id="about">
                    <p>About Me</p>
                </div>
            </a>
            <a href="">
                <div id="contact">
                    <p>Contact</p>
                </div>
            </a>
        </nav>
    </body>

</html>
4

2 回答 2

1

将浮动设置为导航中的链接。

a {
    float:left;
}
于 2013-04-14T00:52:36.950 回答
0

原因是您的标记中有空格。默认情况下，空白属性设置为normal.

normal：此值指示用户代理折叠空白序列，并根据需要换行以填充行框。

有很多方法可以摆脱空格float：font-size: 0在包含的 div 上，然后将其还原回 div 内；甚至只是删除标记本身中的空格。

http://jsfiddle.net/DQL2U/4/（从标记中删除了必要的空格）

于 2013-04-14T01:05:18.923 回答