Question

我正在试图找出如何删除辅助导航的最后一个黑色部分。我想要＆＃34;心愿单＆＃34;链接是最后的东西，没有边框，然后基本上更多的黑色空间。我不知道该怎么做。

我的HTML：

<dependency>
    <groupId>org.glassfish.main.extras</groupId>
    <artifactId>glassfish-embedded-all</artifactId>
    <version>3.1.2.2</version>
</dependency>

我的css：

SELECT time, latitude, longitude 
FROM gpsData 
WHERE  time >= '2015-09-01' 
AND provider = 'gps' 
ORDER BY time DESC

我把它放在一个jsfiddle这里，所以我想要做的更清楚。 https://jsfiddle.net/thzfm0fe/1/

Answer 1

将背景颜色应用于列表项<li>，而不是<ul>。

从此处删除background-color：

#navigation_layout {
    width: 100%;
    float: left;
    margin: 0 0 3em 0;
    padding: 0;
    list-style: none;
    /* background-color: #000000; */
    border-bottom: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
}

并添加到此处：

#navigation_layout li {
    float: left;
    background-color: black;
}

https://jsfiddle.net/thzfm0fe/3/

默认情况下，<ul>是块级元素，将填充父元素的整个宽度。您的列表项<li>没有填满父级的全部宽度，但是您的<ul>没有填写，因此列表项后的额外黑色。

通过将背景颜色应用于<li>，您不再需要为锚点添加白色边框。您可以申请保证金。

使nav li到达页面末尾

1 个答案: