1

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

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

在 css
.scroll { }

即使“滚动”内没有任何东西，当我在 DIV 标记中使用溢出时，滚动条也会出现，但是如果我在 DIV 滚动条中删除 class=scroll 不会出现。我已经使用了高度宽度所有更改，但没有发生任何事情，请以正确的方式指导我

4

6 回答 6

2

你可以用这个

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

根据您的要求更改属性值。

于 2015-03-12T06:37:09.083 回答
1

您使用的是什么文档类型？您应该将 html5 与您的标记一起使用：

<!DOCTYPE html>
<html>
  ...
</html>
于 2013-01-17T10:49:36.447 回答
0

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

http://jsfiddle.net/vqEkp/

hidden overflow-x/-y标签明确地告诉浏览器总是删除（隐藏）滚动条。

如果您希望滚动条仅在需要时出现，只需overflow完全保留标签，或将它们设置为auto.

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

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

ps 您应该在属性值周围使用引号。

于 2013-01-17T10:48:32.637 回答
0

用这个

<div style="overflow: scroll;">your content</div>
于 2013-01-17T10:50:51.540 回答
0

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

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

转到您的 HTML 并添加“id="element"。

 <DIV id="element" class=scroll style=overflow-y:hidden;overflow-y:hidden> description</DIV>
于 2013-01-17T10:51:17.803 回答
0

永久滚动条

这将为始终可见的元素提供滚动条。如果内容较少且不需要滚动，滚动条仍然存在，只是样式为禁用。

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

滚动条，仅在需要时

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

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

文档类型

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

例子

.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 */
}
<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>

于 2015-11-11T20:29:52.747 回答