0

我为一家公司创建的网站看起来很棒,但我只是不知道要放入正确的 CSS 以在下方显示“欢迎”标题。我知道我应该设置一个高度,但是如果我这样做,它将显示所有页面的高度,因为它包含在 if 语句中。如果在主页上显示此小部件,如果没有则不显示。所以如果我有一个设定的高度,即使小部件在关于页面上不可见,高度仍然会妨碍。所以我认为 height:auto; 会这样做,但它没有这样做。

#home-services {
    width: 100%;
    height: auto;
    clear: both;
    margin-bottom: 30px;
    margin: 0px !important;
}
#home-services section {
    float: left;
    width: 240px;
    height: auto;
    margin-right: 10px;
    background-color: #aaa685 !important;
}

在此处输入图像描述 这就是它在所有浏览器中的样子。

为了让 WELCOME 标题在此页面上向下移动,我还需要在 CSS 中添加什么?任何帮助表示赞赏!

4

3 回答 3

2

嘿,现在添加这个 CSS

已经在你的 css 样式表中添加了这个 css

#home-services img{
margin: 0 0 -25px !important;
    padding: 0 !important;
}

现在把这个css用这个

#home-services .textwidget  img{
margin:0 !important;
}

做这个

 #home-services .textwidget  img{ margin-bottom:25px !important;}
于 2012-06-26T06:46:24.843 回答
0

尝试插入padding-top:30pxh1 css。

它将清除问题。如果这给您的布局带来麻烦并且您需要消除填充,请在加载时调用一个 JavaScript 函数来检查是否显示了 h1 并相应地修改填充。这绝不是优雅的,但它会解决你的问题。

于 2012-06-26T06:47:02.073 回答
0

您还可以在 if 语句中使用 jquery 来更改 CSS,例如

$(".yourclass").css("CSSproperty", "value");
于 2012-06-26T06:54:55.567 回答