Question

此导航栏中有一个额外的左边距，我无法改变小提琴是here

HTML

<body>
    <div class="wrapper">
        <div class="container">
            <nav class="nav">
                <ul>

                    <a class="navlic" href="index.html"><li>Home</li></a>
                    <a class="navli" href="portfolio.html"><li>Portfolio</li></a>
                    <a class="navli" href="blog.html"><li>Blog</li></a>
                    <a class="navli" href="about.html"><li>About</li></a>
                </ul>
            </nav>
        </div>
        <div class="content">
            <span><h1></h1></span>
        </div>
        <footer>
            <p></p>

        </footer>
    </div>
</body>

CSS位于fiddle

Answer 1

padding而非margin

.nav ul {
    padding-left: 0;
}

Answer 2

nav对象具有固定位置...使用left:0代替

JS Fiddle Example

Answer 3

在css的开头添加它。不确定你删除默认填充＆amp;保证金，但这在小提琴中运作良好

*{
padding:0;
margin:0;
}

Answer 4

尝试添加此代码：

.nav ul li,a{ float:left; }

希望它能够发挥作用。为了让它更漂亮，添加margin-right以在菜单之间留出空格。就像这样

.nav ul li,a{ float:left; margin-right:10px; }

DEMO

左边距出现在我不想要的html中

4 个答案: