在不破坏的情况下掩盖div区域的完整空间

Question

不确定如何描述此内容。相反，下面的图片可能会说清楚。

这是我有：

这是我要如何展现它（看看满格覆盖面积达）：

HTML结构：

<ul class="block"> 
    <li class="item"><a href="#">Item</a></li> 
    <li class="item"><a href="#">Item</a></li> 
    <li class="item"><a href="#">Item</a></li> 
</ul> 

演示：https://jsfiddle.net/6f2t2bew/

Answer 1

li标签的默认显示类型为list-item，这会导致每个li从新行开始。正如你在你的图片中显示的，你希望第三个li不是从换行开始，而是从第二个li加入的位置开始。对于设置

.block li { 
    display: inline 
} 

编辑：你给浮动留给li S的导致他们像那种块级和表现得像这往往去到左单元li开始的全部内容。为了避免这种删除浮动左为：
https://jsfiddle.net/6f2t2bew/1/

此外，如果你想要的文字更加充分的理由再申请text-align: justify父ul。

Answer 2

您在代码的第一行写了'clas'。尝试将其更改为'class'。

Answer 3

您是否试图删除float: left您的li？当然在@ user31782建议的元素上使用display: inline;。

所以你的.footer-top li CSS的样子：

.footer-top li { 
    list-style-type: none; 
    margin: 0; 
    color: #d9d9d9; 
    position: relative; 
    display: inline; 
}