960.gs li 标签不会分布在整个页面

Question

无论如何我都不是这方面的专家。我尝试在这方面关注一些 youtube，并且能够让列与段落标签一起正常工作。虽然当我使用 ul > li 标签时。图片要取全space.

我不太确定这是什么原因。最令人费解的是，看起来li/image 有一个整体的右边距space。即使我将它设置为零。

当我检查元素时 - 边距显示 0 0 0 0 但鼠标悬停我看到它占据了整个页面...

下面的代码...

<html>
<head>
    <meta charset="utf-8">
    <title>Layout Test</title>
    <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" type="text/css" href="css/960.css">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/style.css">

<body>
    <div class="header">
        <h1>This is a test</h1>
    </div>
        <div class="container_12">

            <div class="grid_4">

                    <ul>
                        <li><a href="#"><img src="img/1.jpg"></a></li>
                        <li><a href="#"><img src="img/2.jpg"></a></li>
                        <li><a href="#"><img src="img/3.jpg"></a></li>
                        <li><a href="#"><img src="img/4.jpg"></a></li>
                        <li><a href="#"><img src="img/5.jpg"></a></li>
                        <li><a href="#"><img src="img/6.jpg"></a></li>
                    </ul>   

            </div>




</div>
</body>
</head>
</html>

Answer 1

li 是块级元素，它们应该占据全部权利 space，除非你将其内联显示：内联；在 css 属性中。那么如果你想让 li 向右或向左浮动，你可以这样做浮动：right/left；都在里css属性

960.gs li 标签不会分布在整个页面

960.gs li tags will not spread out across the whole page

html

css

960.gs

web