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."

我在div中有一堆文字，其中id =＆＃34; story＆＃34;我在我的脚本标签中有这个：

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

然而似乎没有任何改变。布局保持不变，我不能为我的生活找出如何改变css 块的大小。我发现的一切都与盒子大小有关。

所以有两个问题：1。当我使用.css（）来应用＆＃39; block＆＃39;时，为什么显示不会改变？ 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

您必须在CSS中明确提供固定的width和height。

除此之外，Div（以及应用了display:block的其他元素）也是流动的，并且会扩展为包含放入其中的内容。

Answer 3