Question

我最近有一个宁帐户。我想使用“添加自定义CSS”选项自定义网站，我希望ning site看起来尽可能接近this site。更具体地说，页面顶部的绿色水平条，以及标题组的位置和间距。我目前在ning网站上使用以下CSS，但无法弄清楚如何使绿色水平条跨越页面的整个宽度。任何帮助，建议或指示将不胜感激。

.mainTab-item.active, .mainTab-item.active > a {
    color: #00a6ed;
}
.site-header {
    height: 0px;
}
.header-container {
    margin-bottom: 15%;
}
h2.module-name {
background-color: #88C540;
    color: #FFFFFF;
    font-size: 16px;
    margin-top: -15%;
    max-width: 100%;
    padding: 30px;
    text-align: center;
    text-shadow: 2px 2px 0px #609F16;
}

以下是常用的CSS类和HTML（ning.com/ning3help/commonly-used-css-classes-and-html）

Answer 1

这里的问题是您的容器宽度为960px，其中包含绿色条。因此，当您将max-width或width设置为100％时，它相对于容器。例如。 960px的100％是960px。

解决这个问题的唯一方法是更改标记并将其从.container中删除，以使百分比相对于文档。

或者另一个选择是绝对定位div以将其从文档流中取出。但我强烈建议不要这样做。

（CSS-spanS-rowS）如何使所有模块名称居中并使背景跨越整个页面宽度

1 个答案: