0

指向我的页面的链接：我的页面

出于调试目的，我为页面的 3 个部分设置了 CSS 背景颜色。“Zine”的底色应该是红色，“Book Cover”的底色应该是“Green”，最后的“Magazine”应该是“Yellow”。

出于某种原因，红色背景仅应用于“Zine”部分的一小部分，Zine 部分中的所有图像和文本都应该具有红色背景，但大部分都是绿色的。

此外，如果您注意到这是在 960 网格布局上，并且在 Book 部分（应该是绿色背景）我有一个 h1 Book Jacket> 标签，您实际上会在 960 网格外部看到文本 Book Jacket（页面右侧到大卫卡森图像的右上角）

编辑：找到解决方案：

我更改了以下代码：

<article class="container_12">
  <section class="zine">

到：

<article>
  <section class="container_12 zine">

我认为这个修复是有效的，因为部分类“zine”包含了应该是红色背景的全部内容。这消除了对明确修复的需要，但是其他人建议的 clearfix 也有效。

4

2 回答 2

2

的高度.zine正在崩溃。发生这种情况是因为它包含未清除的浮动元素。有很多清除浮动的方法。我建议使用以下两种方法中的一种（或两种）：

  1. “ clearfix hack”。只需将此页面中的 CSS 规则添加到您的 CSS 文档中，并在“zine”类之外添加“cf”类（或其他）。
  2. 或者，溢出：隐藏。基本上，只需添加overflow: hidden到“zine”元素。

编辑：

正如您自己发现的那样，由于您使用 960 网格，container_12并且 -container_16元素具有内置的 clearfix。将这些类名中的任何一个添加到包装元素中都与我上面解释的相同。

于 2013-06-02T07:50:40.817 回答
0

当您使用 960.gs 时，您应该使用 grid_X 类（X 是一个介于 1 和 12 之间的数字）。你应该在每个“行”之后添加一个 .clear 。

你应该看看960.gs的源代码，看看他们是如何使用它的。这是一个非常好的概述。

于 2013-06-02T07:51:53.680 回答