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参数指定块的大小。