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

Это потому, что оболочка div автоматически сжимается при уменьшении размера окна. Установите ширину на обертке.

.accordionWrapper { width: 689px; }

Answer 2

Чтобы не допустить наматывания divs, вам действительно нужно обернуть аккордеон в элемент с определенной шириной.

Добавьте это к своему CSS:

.accordionWrapper { width: 689px; }