html - 在 Grid 960 中创建和控制父 div 的嵌套

标签 html css media-queries 960.gs

这是我试图实现的布局 http://jsfiddle.net/qeDs3/44/

我使用 Grid_960 模板在 Indesign 上对其进行了模拟:http://designobvio.us/dov2/Homepage1.pdf

这里是我不能让 parent 脱离http://designobvio.us/dov2/Homepage1Encapulate.pdf的div

通过试错,grid 960 似乎强制您将 container_12 类与 .grid_12 一起用作父标签。

这是另一个完整的例子:http://designobvio.us/dov2/index.html 如何让 gChild 成为父节点

这里是配对示例:http://designobvio.us/dov2/index2.html 我试图让 header 标签成为其内容的父标签。

难道我的布局不配合grid960?我完全错过了一些愚蠢的东西吗?它需要破解吗?如果您需要任何澄清,我会在这里并尽快回复。 谢谢

更新 我尝试这样做的原因是我可以控制那些父 div,以便于媒体查询。

最佳答案

经过大量研究(笑),我终于解决了这个问题。

Grid 960 有 2 个额外的类,它们简单地删除了名为 alpha & omega 的左右边距。我从来没有费心去学习这些的目的/理论,因为我很笨。这些类的目的正是我所好奇的,“在网格中嵌套网格”;因此允许我清除 float 并控制不遵守 12 列标准的父 div。

我希望有一天这个问题/答案能帮助其他一些拒绝阅读文档的傻瓜。

关于html - 在 Grid 960 中创建和控制父 div 的嵌套,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9375158/

相关文章:

javascript - 使用 jquery 从列表中删除元素

javascript - 加载的 div 的内容不会出现在加载的 HTML 中

javascript - Outlook 格式问题

html - using/deep/in angular 4 component.css 导致其他组件使用相同的样式。如何解决?

html - 样式内部 reCaptcha DIV?

css - 在@media 中替换背景图片会弄乱我在 ie9+ 中的背景图片

css - Gmail 响应式电子邮件 - 媒体查询 - 样式标签

css - 不能居中跨度元素

android - 为什么即使使用视口(viewport)/媒体查询,我的页面也无法在 Android 上以正确的大小显示?

html - 针对移动设备和大屏幕尺寸的 CSS 媒体查询