0

我有一个想要完成的设计，并找到了两种使用 960gs 框架来实现它的方法。虽然我不知道哪一个更好，并且没有那么多关于 CSS 最佳实践的信息，比如 PHP。因此，我应用了从普通 HTML/CSS 和 PHP OO 中学到的知识，发现它们实际上都不是“好”的。

这是我设计的[重要部分]：

网页设计

基于960gs框架的两种获取方式以及我发现的缺点是：

  1. 修改 CSS 以向文本添加边距。然后，在那个 div 中，应用一个 12 列的纯 960gs 系统。这可行，但它使整个宽度比最佳宽度更宽（1000 像素，不适用于 1024x768，9 % 的浏览器）。

  2. 使用 24 列模型并将第一列和最后一列留空，因此它们成为边距。这样做的问题是，我将结构元素纯粹用于视觉效果，而且必须将它们写在每个页面的每个部分（不是很干）。

第二个例子：

<div class='grid_22 prefix_1'>    
  <p>
    The theory of relativity transformed theoretical <a href="http://en.wikipedia.org/wiki/Physics" title="Physics">physics</a> and <a href="http://en.wikipedia.org/wiki/Astronomy" title="Astronomy">astronomy</a> during the 20th century. When first published, relativity superseded a 200-year-old <a href="http://en.wikipedia.org/wiki/Classical_mechanics" title="Classical mechanics">theory of mechanics</a> created primarily by <a href="http://en.wikipedia.org/wiki/Isaac_Newton" title="Isaac Newton">Isaac Newton</a>.
  </p>
</div>

我想要的是在我的页面中应用 960gs 框架，并带有一些额外的个性化边距。

那么，你将如何避免我所说的这些问题，以实现我想要的？

PS，由于960gs框架有bug，不好找

4

1 回答 1

0

您的列宽 960 像素，看起来不错。可以在不声明不同宽度的情况下制作列外标题box-shadow的左/右额外宽度，因此它不会创建水平滚动条。

工作示例： http: //jsfiddle.net/q8brv/使用绝对定位来装饰标题的左右部分（兼容性 IE8+。IE7- 可以在没有 box-shadow 的情况下生存，并且这个装饰 imo ;)）

分辨率为 1024px 的上限是 1004px，尽管它是用于最大化浏览器窗口的。

于 2013-03-24T22:13:53.940 回答