jQuery：如何更改CSS塊的大小？

Question

工作在一項任務上，我不認爲這是我們應該遇到的問題（我們應該在滾動按鈕上工作，我已經有一個想法）：

"--create a page that displays some paragraphs using the css block style. 
The block size should be too small to display the text in its entirety." 

我有一大堆的文字與ID =「故事」一個div，我有我的這個腳本標籤中：

$("#story").css("display", "block"); 

但是沒有出現改變。佈局保持不變，我不能爲我的生活找出如何改變一個css的大小塊。我發現的一切都是關於盒子大小的。

所以有兩個問題：1.爲什麼當我使用.css（）應用'block'時顯示不變，以及2.如何指定css塊的大小？

編輯： 我試着添加：

$("#story").css("height", "20px"); 

但也顯示沒有變化。

編輯：

謝謝大家！每個人都在現場，我感到非常愚蠢。我沒有意識到在應用尺寸設置之前必須設置溢出。只要我投入：

overflow: scroll; 

它開始正確顯示。想這就是我得到試圖把一件在時間

，P

Answer 1

.css("display", "block")顯示的元素作爲一個塊級元素。 div默認顯示爲塊。

你必須做的是手動指定高度，既可以通過CSS：

#story 
{ 
    height: 100px; 
} 

或者，如果你想使用jQuery：如果你想擁有它的滾動

$("#story").css("height", "100px"); 

，加這對CSS：

overflow-y: scroll; 

Answer 2

你必須明確地給出一個固定的width和height在你的CSS。

Div（以及其他應用display:block的元素）在其他情況下是流動的，並且將擴展以包含放入其中的任何內容。

Answer 3

1. 默認情況下，「div」顯示爲塊。
2. 您可以使用width和height參數指定塊的大小。