divエリアの全領域を壊さずにリスト項目で覆います

Question

これを説明する方法がわかりません。代わりに画像に従うと、それがはっきりしているかも

これは私が持っているものです。

そして、これが（隠蔽フルdivのエリアをチェックしてください）私はそれを表示する方法である：

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が新しい行から始まるようにします。あなたのイメージに表示されているように、第3のliは改行ではなく、第2のliが改行された場所から開始します。そのために

.block li { 
    display: inline 
} 

編集を設定します。あなたがそれらをブロックレベルのソートと左に移動する傾向があるユニットのような演技li開始の全体の内容のように作用させるli秒に左フロートを与えています。避けるために、この削除フロートは左のように：また、テキストのより多くの正当化は、親ulにtext-align: justifyを適用したい場合は
https://jsfiddle.net/6f2t2bew/1/

。

Answer 2

コードの最初の行に「clas」と書いてあります。それを 'クラス'に変更してみてください。

Answer 3

liでfloat: leftを削除してみませんか？もちろん、@ user31782と同じ要素にdisplay: inline;を使用してください。気付かため

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