使用CSS高度属性

My website我为一家公司创建看起来很棒，但我只是不知道正确的CSS放置在使“欢迎”标题显示在下面。我知道我应该把高度，但如果我这样做，它会显示所有页面的高度，因为它被包裹在一个if语句中。如果在主页上显示这个小部件，如果不是不显示它。所以，如果我有一个设定的高度，即使该小部件在关于页面上不可见，高度仍然会妨碍。所以我认为高度：汽车;会做到这一点，但它并没有这样做。使用CSS高度属性

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

enter image description here 这就是它看起来像在所有浏览器。

我还需要在我的CSS中放置WELCOME标题才能在此页面上移动吗？任何帮助表示赞赏！

来源

2012-06-26 kia4567

CSS？ – Shiham

嘿，现在加这个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-26 06:46:24

+1这绝对是导致它的原因。虽然不是重写它，但似乎没有必要在原始样式中使用-25像素 – Ben

@Rohit - 这种工作方式很有用。它把它推到了div的下面，但我仍然无法再推下去，无论＃home-services的底部边缘如何。有什么建议么？ – kia4567

是的，你可以这样做＃home-services .textwidget img {margin-bottom：25px！important;}并移除margin：0;我已经更新了我的答案检查.......... –

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

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

来源

2012-06-26 06:47:02 CosminO

你也可以使用jQuery的if语句来改变像

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

你在哪里要显示“欢迎”

来源

2012-06-26 06:54:55 F0G

使用CSS高度属性

回答

相关问题