Переполнение содержимого набора полей в Firefox

Question

У меня проблема css с fieldset, и вы не могли бы помочь?

У меня есть fieldset с шириной, меньшей ширины его содержимого div.

Я хочу, чтобы fieldset отображал горизонтальную полосу прокрутки, поскольку содержимое слишком широкое, но работает только в IE, а не в Firefox.

Заранее спасибо.

Эрик

Это HTML

<fieldset style=" width:150px; overflow:scroll;" >
    <div style="width:200px; height:50px; background:red;">
        Contents...
    </div>
</fieldset>

Answer 1

Лучшее, что я могу придумать, это поместить 2 вложенных элемента div в набор полей:

<fieldset style="width:150px" >
    <div style="width: 150px; overflow-x:scroll;">
        <div style="width:200px; height:50px; background:red;">
            Contents...
        </div>
    </div>
</fieldset>

Answer 2

У меня была такая же проблема. FF не допускает переполнения: скрыто в тегах fieldset независимо от того, используете ли вы overflow-y или overflow-x. Мое исправление заключалось в использовании -moz-hidden-unscrollable. Вот так ...

fieldset{
    overflow: -moz-hidden-unscrollable;
}

Это грязный хак, но он работает.

re: https://developer.mozilla.org/en-US/docs/Web/CSS/overflow#Values

Answer 3

Поскольку другие уже уже упомянули , это ошибка в Firefox: Ошибка 261037 - свойство переполнения не реализовано в fieldset ( сообщалось в 2004 году и до сих пор не исправлено)

Answer 4

Попробуйте это:

<fieldset style=" width:150px;">
    <div style="width:200px; height:50px; background:red; overflow:scroll;">
        Contents...
    </div>
</fieldset>