当减小窗口尺寸时，水平手风琴div会下降

Question

我正在使用基于此网站的水平手风琴：

http://www.marghoobsuleman.com/mywork/jcomponents/accordion-common/accordion.html

如果你缩小窗口大小，手风琴将会缩小;它不适合窗户内。

预期：

 <div></div> <div></div> <div></div>

在较大的窗口大小上，这可以正常工作，但在减小窗口大小时，它将显示如下：

 <div></div>
 <div></div>
 <div></div>

Answer 1

为了防止divs换行，你真的需要将手风琴本身包装在一个定义宽度的元素中。

将此添加到您的CSS：

.accordionWrapper { width: 689px; }

Answer 2

这是因为当您减小窗口大小时，包装器div会自动缩小。 在包装上设置宽度。

.accordionWrapper { width: 689px; }