Горизонтальный аккордеон ДИВ идет вниз при уменьшении размера окна

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; }