HTML部分和div固定大小

Question

我試圖修復一個div內部的div高度爲100px。但是，無論我嘗試什麼，高度都會恢復爲「自動」，並根據div內容的大小重新調整大小。

這裏的HTML代碼：

<section id="social" class="tab-content active"> 
    <div id = "socialDiv"></div> 
</section> 

這裏是我到目前爲止已經試過

CSS：

social{height:100px; line-height:20px;overflow:hidden;} 
.socialDiv{height:100px !important; line-height:20px;overflow:hidden;} 

的jQuery：

$('.socialDiv').css({'height':100+'px'}); 
$('.socialDiv').height(100); 

遺憾的是沒有的這些工作。我會很感激任何和所有幫助。

PS。我不知道這是否重要，但這是Chrome擴展的一部分，本節是在執行期間顯示的彈出窗口的一部分。

Answer 1

您與class（.）混合id（#）

你的類是tab-content，但你想更改ID social兩個JS和CSS。

嘗試：

$('.tab-content').css({'height':100+'px'}); 
$('.tab-content').height(100);