如果文本溢出HTML / CSS,如何进行div滚动? (没有固定高度)?

时间:2015-10-09 10:01:45

标签: javascript jquery html css

这是我的HTML结构:

<body>
    <header class="header"></header>
    <div class="col-sm-4 sidebar" id="sidebar">
	<div class="accordion-1"></div>
	<div class="accordion-2">i want vertical scroll for this div without defining height</div>
	</div>
    <div class="col-sm-8 container no-padding"></div>
  </body>

Image 1

Image 2

我在侧边栏内有一个手风琴。如果内容溢出,我需要在最后一个红色的背景div中使用滚动条。

1 个答案:

答案 0 :(得分:3)

将此添加到最后一个红色的div CSS overflow-y: scroll;

overflow-y: auto;

或者,如果您希望滚动条只显示,如果内容溢出:

{{1}}