javascript - 对如何使用 960 网格添加左边距感到困惑

Question

我有以下 HTML：

<ul class="container_12">
  <li class="Home current" title="">
  <a title="">Home</a>
  <ul>
     ...

我想做的是让顶部 ul 中的 li 元素不直接从左侧开始。我想将它们移动一两个网格位置。

使用 960 网格最好的方法是什么？我很困惑是否应该更改顶部 ul 的类，或者是否应该将顶部 ul 包含在另一个 container_12 中，然后为该 ul 设置不同的类。

Answer 1

您需要使用push_1或push_2移动某个或两个定义的网格位置。显然，如果两个 ul 都在同一个网格块中，那么它们都会移动。您需要将需要推入另一个容器的任何东西分开。

当您正确了解网格系统的工作原理时，网格系统非常有用，我认为您应该对引擎盖下发生的事情有一个很好的基础，最好的教程之一是 -掌握 960 网格系统

顺便说一句，我还强烈推荐这个在线工具来帮助您创建自定义网格 -在线网格生成器