实施例

Question

我有一个div部分用于滚动条，但我不知道更改div部分的宽度和高度，无论我改变什么结果。

<DIV class=scroll style=overflow-y:hidden;overflow-y:hidden> description</DIV>

在css中。滚动 { }

即使没有任何内部“滚动”我得到滚动条，因为我在DIV标签中使用溢出，但如果我删除class =滚动在DIV滚动条不会来。我使用高度宽度所有更改但没有任何事情请指导我以正确的方式

Answer 1

您可以使用此

<div style="overflow: scroll ;max-height: 250px; width: 50%;">

根据您的要求更改财产价值。

Answer 2

您使用的是哪种doctype？您应该将html5与您的标记一起使用：

<!DOCTYPE html>
<html>
  ...
</html>

Answer 3

删除内联样式并在CSS中使用overflow: scroll：

http://jsfiddle.net/vqEkp/

hidden overflow-x/-y标记明确告诉浏览器始终删除（隐藏）滚动条。

如果您希望滚动条仅在需要时显示，请完全退出overflow代码，或将其设置为auto。

或者，将overflow: scroll位置于内联样式中。虽然通常你应该尽可能使用样式表而不是内联CSS样式。

<DIV class="scroll" style="overflow:scroll"> description</DIV>

P.S。您应该在属性值周围使用引号。

Answer 4

使用此

<div style="overflow: scroll;">your content</div>

Answer 5

如果是特定元素，您可以创建ID。转到您的CSS并执行以下操作。

#element {
    width: ??px;
    height: ??px;
}

转到您的HTML并添加“id =”元素“。

 <DIV id="element" class=scroll style=overflow-y:hidden;overflow-y:hidden> description</DIV>

Answer 6

永久滚动条

这将为元素提供一个始终可见的滚动条。如果内容较少且无需滚动，则滚动条仍然在那里，只是被设置为禁用。

.scroll{
    overflow: scroll;
    height: 100px;
}

滚动条，仅在需要时

这将导致滚动条需要时，如果内容较少而不需要滚动，则不会滚动条。这可能看起来更好，并且它不会占用任何宽度。

.scroll{
    overflow: auto;
    height: 100px;
}

文档类型

您的内联编码执行奇怪的事情的原因可能也是因为错误的doctype，这应该被定义。这些天的常见做法是<!DOCTYPE HTML>。您只需将它放在html文件的最开头，然后<html>

实施例

＆＃13;

.example_auto{
    height: 75px;
    overflow: auto;
    width: 24%; /*  just for demo */
    display: inline-block; /*  just for demo */
    vertical-align: top; /*  just for demo */
    background: #FFC; /*  just for demo */
}
.example_scroll{
    height: 75px;
    overflow: scroll;
    width: 24%; /*  just for demo */
    display: inline-block; /*  just for demo */
    background: #FCF; /*  just for demo */
}

＆＃13;

<div class="example_auto">This is too little content to scroll.</div>
<div class="example_scroll">This is too little content to scroll.</div>

<div class="example_auto">This div has waaaaay more content en will need a scrollbar. This will look almost the same in both cases.</div>
<div class="example_scroll">This div has waaaaay more content en will need a scrollbar. This will look almost the same in both cases.</div>

＆＃13;

HTML <div>标签用于获取滚动条</div>

6 个答案:

永久滚动条

滚动条，仅在需要时

文档类型

实施例