Question

在某些时候，我的浮动链接列表最后有一个缩进，导致最后一个链接转到一个新行（如果我为{{1}设置宽度，则在div的一侧}）。

我确实不知道从哪里开始寻找这个问题。我只是要继续并链接到该网站。这是该部分的HTML：

ul

以下是我相信是唯一影响它的CSS：

<div id="navigation">
<ul id="navLinks">
    <li><a href="home.html">Home</a></li>


    <li><a href="alston.html">Alston</a></li>


    <li><a href="booking.html">Booking</a></li>

    <li><a href="photos.html" class="lastLink">Photos</a></li>


</ul>
</div>

整个CSS为here

谢谢！

Answer 1

您的#navLinks在浏览器默认位置（我的cas，-webkit-padding-start: 40px;）中有一些左侧填充。如果您定义padding-left: 0;，则会被覆盖。

您确实在style1.css的第195行覆盖了此基数，其中ul#navlinks {但需要ul#navLinks {。

确保您在CSS文件中大写时将text-align拼写为{{1}}，并将CSS中的类和ID大写。

Answer 2

如果您将css重置文件添加到您的网站，它应该解决您的问题，这与您的UL上的填充/边距有关。

css重置文件，amonst许多其他东西，将所有元素的填充和边距设置为零 - 允许您自由地根据需要设置所有内容的样式。

http://meyerweb.com/eric/tools/css/reset/

浮动列表有缩进，我不明白为什么

2 个答案: