使用CSS height属性

Question

My website我正在创建一家公司看起来很棒，但我只是不知道正确的CSS，以使“WELCOME”标题显示在下面。我明白我应该设置一个高度，但是如果我这样做，它将显示所有页面的高度，因为它包含在if语句中。如果在主页上显示此小部件，如果没有显示它。因此，如果我有一个设定的高度，即使小部件在约页面上不可见，高度仍然会妨碍。所以我认为身高：汽车;会这样做，但它没有这样做。

#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;
}

这就是所有浏览器的样子。

我还需要将哪些内容放入我的CSS才能让WELCOME标题在此页面上移动？任何帮助表示赞赏！

Answer 1

嘿，现在添加这个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;}

Answer 2

尝试在h1 css中插入padding-top:30px。

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

Answer 3

你也可以在if语句中使用jquery来改变CSS，如

$(".yourclass").css("CSSproperty", "value");