Горизонтальный 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; }