CSS - 添加具有可變

我想重要的是能夠給添加到＃內容的高度上線以下的代碼7「重要！」。我需要能夠使用變量$ newHeight，因爲它需要保持動態。CSS - 添加具有可變

有沒有人知道我可以如何將！重要的附加到這個css聲明？我嘗試使用加號（+）來連接，但不成功。

下面是代碼：

$(window).resize(function() { 

    var $windowHeight = $(window).height(); 
    var $newHeight = $(window).height()-$('#footer').height()-153; 

    if ($windowHeight < 847){ 
     $('#content').css("height",$newHeight);   
} 

});

來源

2013-07-01 Moose

在一個側面說明 - 如果你這樣做是爲了讓頁腳始終如圖所示，考慮使用'position：fixed;'並且不要調整內容高度。只是我的兩分錢。 – meiamsome

@meiamsome嘿，謝謝你的迴應。事實上，頁腳事情也是我遇到的另一個問題。我把它設置爲固定的，這很好，除了我必須有1300px的最小寬度以及當窗口較小時，滾動條出現但不會滾動固定頁腳！我怎麼能克服呢？ – Moose

@Moose爲什麼你甚至需要'！important'在這裏爲內聯樣式？這個值在某個樣式表中設置爲'！important'嗎？ – mclark1129

您可以添加!important這樣的：

var element = document.getElementById("content"); 
element.setAttribute('style', 'height:'+$newHeight+'!important');

來源

2013-07-01 15:43:34

對不起，也沒有任何作用 – Moose

任何錯誤消息在控制檯上？ –

你不能設置!important使用jQuery，看到它here for a demo不工作，並here for a long explanation和一些替代答案

你可能已經使用了一個具有高度和!important但是th是不可行的，因爲高度是可變的。我想看看以上的線程一個適當的，堅實的答案

或者，您有試過只是改變一樣的高度：

$('#content').height($newHeight);

來源

2013-07-01 15:45:53 Andy

顏色我更正！ – mclark1129

@MikeC你的意思是藍色的顏色適合你？ –

@安迪，我試圖改變高度的方式，你建議，但事情是，它需要有一個！重要的那裏，因爲頁面上的其他元素:( – Moose

CSS - 添加具有可變

回答

相關問題