Css 引导:流体布局中的固定排水沟宽度?

Css 引导:流体布局中的固定排水沟宽度?,css,twitter-bootstrap,Css,Twitter Bootstrap,我希望有不同的布局,如[left | content | right]和[left | content]或[content | right],当使用流体布局时,“单元格”之间的边沟也是流体,并且有一个百分比值。但是我希望在左/右和内容区之间有一个固定的宽度,比如10px或20px 有什么建议可以让这项工作顺利进行吗?我已经尝试过了,但最终总是会出现大量的元素变化。,它基本上也是通过创建一组类来抵消主容器,这取决于您有多少侧栏,如下所示: CSS .fixed-fluid { margin

我希望有不同的布局,如[left | content | right]和[left | content]或[content | right],当使用流体布局时,“单元格”之间的边沟也是流体,并且有一个百分比值。但是我希望在左/右和内容区之间有一个固定的宽度,比如10px或20px

有什么建议可以让这项工作顺利进行吗?我已经尝试过了,但最终总是会出现大量的元素变化。

,它基本上也是通过创建一组类来抵消主容器,这取决于您有多少侧栏,如下所示:

CSS

.fixed-fluid {
    margin-left: 240px;
}
.fluid-fixed {
    margin-right: 240px;
    margin-left:auto !important;
}
.fixed-fixed {
    margin: 0 240px;
}

,编辑。

在演示中,我如何使主要内容中的3列也具有仅20像素的排水沟,而不是流体?我想和上面边栏的技术一样吧?这个周末我打算玩它。基本上,我想了解如何有几个流体柱,但使其内容有一个固定的槽空间。@burzum我很困惑,你的意思是如何得到一个固定的容器?与现在的情况相反?周围的排水沟是20px,如果你查看
.fixed
类边距,你可以看到它被设置为
边距:0 240px,侧栏的宽度均为220px,加上额外的20px(总计240px)边距,形成围绕主容器的排水沟。