使用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高度屬性

回答

相關問題