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

У меня проблема css с набором полей, и я хотел бы узнать, не могли бы вы помочь?

У меня есть набор полей с шириной меньше, чем ширина его содержимого div.

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

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

Эрик

это html

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

css fieldset overflow
person Community    schedule 29.06.2010    source источник
comment
Связанный вопрос с очень подробным ответом: stackoverflow.com/questions/17408815/   -  person Denilson Sá Maia    schedule 02.02.2017

Ответы (4)


arrow_upward
6
arrow_downward

Лучшее, что я могу придумать, это поместить 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>
person Elias Zamaria    schedule 29.06.2010

arrow_upward
0
arrow_downward

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

<fieldset style=" width:150px;">
    <div style="width:200px; height:50px; background:red; overflow:scroll;">
        Contents...
    </div>
</fieldset>
person Gabriel McAdams    schedule 29.06.2010
comment
overflow: scroll заставит полосу прокрутки независимо, overflow: auto может быть лучшим вариантом. - person Ben Rowe; 29.06.2010

arrow_upward
0
arrow_downward

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

person Denilson Sá Maia    schedule 08.10.2013
comment
кто-то сказал, что все возможно, но это не так :p я съем эту ошибку - person Mahi; 01.02.2017

arrow_upward
0
arrow_downward

У меня такая же проблема. 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

person max kaplan    schedule 29.10.2013