CSS - 覆盖容器的网格/父级规则

时间:2017-06-30 13:34:52

标签: html css css3

我正在使用reset& amp;骨架网格。我还为正文和一般容器规则设置了规则 -

body {
  width: 960px;
  margin: 0 auto 0 auto;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}

.container {
  margin: auto;
  padding-left:10px;
  padding-right:10px;
}

我使用容器/行/列分隔了网站的各个部分。如何覆盖特定容器的这些规则?例如,我有一个联系表格的容器,分为四个&八列。我需要它伸展以容纳联系方式和表格,但目前我得到这个(盒子阴影是身体的边缘) - Contact form

我尝试过为列设置宽度规则但没有任何变化 -

section#form {
    height: 300px;
    max-width: 100%;
}

#form .four {
    width: 300px;

}

#form .eight {
    max-width: 100%
}

我有一个类似的问题,我需要伸展一段图像,但我无法解决。任何协助赞赏。

0 个答案:

没有答案