标签: css-frameworks

我正在使用960 css框架.问题是我试图在3列布局中使用完整的960宽度.所以我使用容器16并使用带网格的3个div.第一个和最后一个网格Im使用alpha和omega来移除左右排水沟.它正在移除阿尔法排水沟,但不是欧米茄排水沟.这是html:

<div class="container_16" id="section_body">
    <div class="grid_3 alpha" style="background:red;">body left</div>
    <div class="grid_10" style="background:green;">body</div>
    <div class="grid_3 omega" style="background:blue;">body right</div>
</div>

部分主体的CSS是:

#section_body {
    min-height:500px;
    overflow:hidden;
    background:#fff;
}

这是一个截图o问题,你可以看到蓝色的最后一个div并没有一直向右.我究竟做错了什么？

UPDATE

我尝试删除除了960 css和3 div之外的所有样式,我仍然有同样的问题.无论我怎样才能达到整个960px的宽度.它的宽度只有940px.

我最近试图构建一个非常简约,轻量级的CSS框架(类似Pure CSS).

在检查我的代码时,我的一个朋友建议我使用Javascript生成我的CSS,主要是为了显着减少文件大小.在以下两种情况下,文件大小会减小:

1. 列类看起来像col-x-12,并且JS能够计算宽度并使用更少的代码编写列类.

2. 我将能够映射CSS的JS属性(bg为background,例如),从而也减少了文件大小.

生成的CSS可以直接插入head或添加到CSSStyleSheet.

除了运行JS导致的小开销之外,这种方法可能导致什么其他问题？

我正在使用包含模态功能的Kube框架(http://imperavi.com/kube/).不幸的是,文档有点稀疏或者我太笨了(http://imperavi.com/kube/tools/js-modal/).

他们有示例代码显示如何在按钮点击上启动模态,但我尝试在正常负载上启动它.任何对Kube有经验或对JS/JQuery有更好理解的人都能帮我做到吗？我想确保我可以指定宽度和模糊等设置.

我知道有很多模态插件,但我试图将我的项目限制在这个框架中.

我看了两个可以节省很多时间的CSS框架(Blueprint,960gs),但对如何使用它们并遵守Web标准有疑问.例如,Blueprint有类似的东西:

<div class="span-24 last">

和960gs像: <div class="grid_6 prefix_3 suffix_3">

这并不会让我感到烦恼,但我已经看到提到不建议使用这些非标准的名称,这违反了Web标准.作为更多的后端开发人员,我不了解最新的Web标准,可访问性等,但我希望至少保持一定的合规性.只是添加有意义的ID工作？喜欢:<div class="grid_12" id="menu">使用像这样的CSS框架时是否有最佳实践？

注意:我也喜欢nicholaides建议使用Compass/Sass!

如何为自定义宽度制作自定义CSS网格框架？在我的公司我得到不同尺寸的宽度网站设计(PSD),如900px,920像素,915像素,973像素等,不同的天沟尺寸,如右边10像素,左边20像素等,在这种情况下如何才能我使用并受益于基于网格的框架

是否有任何CSS框架,如Sass和Compass,用于在PHP中开发,使用类似的CSS抽象方法.

我正在尝试找到一个支持CSS网格系统的框架.到目前为止,Google搜索主题只给了我基于浮点数和Flexbox的框架.它可能是"css grid"这个词,这让Google很难真正找到我想要的东西.

有人找到了他们可以推荐的好框架吗？