Переполнение: Авто не работает в Firefox 16 -- html поле с участием firefox пол Связанный проблема

overflow:auto not working in FireFox 16


1
vote

проблема

русский

Я знаю, что есть много поста о проблемах переполнения в FF (большинство для старой версии) или в другом месте, но я не могу найти что-то, связанное с моим примером.

Я попробовал этот маленький кусок кода, который должен производить прокрутку: он работает как ожидалось в Chrome и IE, но не в Firefox.

 <код> <!DOCTYPE html>  <html><body>  <div style="height: 25px; overflow: auto;">    <div style="height: 100px;"></div>  </div> </body></html>   

Вот онлайн пример: http://jsfiddle.net/v7kqp/5/ / P >.

. Я использую Firefox 16.0.2 . Я делаю что-то не так или это ошибка FF?

Английский оригинал

I know there are a lot of post about overflow problem in FF (most for old version) or elsewhere but I can't find something related to my example.

I tried this little piece of code which should produce a scrollbar : it works as expected in Chrome and IE but not in FireFox.

<!DOCTYPE html>  <html><body>  <div style="height: 25px; overflow: auto;">    <div style="height: 100px;"></div>  </div> </body></html> 

Here is an online example : http://jsfiddle.net/v7kqP/5/

​ I am using FireFox 16.0.2. Am I doing something wrong or is it a FF bug ?

</div
     

Список ответов

0
 
vote
vote
Лучший ответ
 

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

 

Firefox won't show the vertical scrollbar if it thinks there's not enough space to show the whole thing. Clearly it thinks 25 pixels is not enough space to show a vertical scrollbar, in your case...

</div
 
 
     
     
1
 
vote

Это прокручивается. Попробуйте положить контент.

 <код> vFOV = PI/4.  0  

Demo

 

It's scrollable. Try putting some content.

<!DOCTYPE html>  <html><body> <div style="height: 25px; overflow: auto; border: 1px solid blue;"><div style="height: 100px; border: 1px solid red;">Here goes the content......................................</div></div> </body></html> 

Demo

</div
 
 
   
   

Связанный проблема

1  Как проверить отметку Check Column в сетке?  ( How to check mark a check column in a grid ) 
У меня есть флажок Check Column на сетке, которая мне нужна для программически проверки. Вот как сценарий Check Column: <код> columns: { items:[ ...

0  Как вы используете PHP и SQL для отправки данных таблицы на другую таблицу  ( How do you use php and sql to submit table data to another table ) 
У меня есть таблица полетов, и я использую цикл, чтобы распечатать информацию о рейсах, наряду с кнопкой отправки, кнопка, которая нажала, - это представленны...

9  Могу ли я установить два фоновых изображения на одном элементе с CSS?  ( Can i set two background images on the same element with css ) 
Образец HTML-кода: <код> belongs_to :y3 Пример файла CSS: <код> belongs_to :y4 Кажется, что часть «B» игнорируется. Есть ли способ Inlclude как из...

2  Наличие JSF выпивать поля поиска HTML. Doable?  ( Having jsf spit out an html search field doable ) 
Я не разработчик Java, но работаю с командой, которая использует JSF 1.2 Мы хотели бы начать использовать теги HTML 5 и атрибуты. Не отображается, что JSF 1...

0  Как я могу отобразить вывод каждого цикла на петле «для»?  ( How can i display the output of each loop on a for loop ) 
Я общий новичок, и я работаю над «простыми числами» рисованием / анимацией с помощью HTML5 Canvas и JS. Мне трудно с помощью петли «Для», потому что браузер о...

3  Есть ли способ различить связь против мышиных взаимодействий в Windows 8 (HTML / JS)  ( Is there any way to distinguish touch vs mouse interactions in windows 8 html ) 
Я в настоящее время строю приложение, которое имеет много внимания на панорамирование, которое выглядит и чувствует себя красиво, когда касается и манипулируе...

2  Совет инструмента не работает на текстовой зоне Bootstrap  ( Tool tip not working on text area bootstrap ) 
У меня есть форма Bootstrap 3, на которой я применяю Tootip через скрипт. Toottip работает нормально на поле ввода, но не работает над Textarea. <код> <div ...

1  Как я могу сделать пользовательский сортировку на следующем HTML-таблице, заставляя некоторые ряды всегда кажутся под другими?  ( How can i do a custom sort on the following html table forcing some rows to alw ) 
У меня есть следующие данные для списка задач: У меня есть <код> HTML Таблица, отображаемая эти данные, в настоящее время отсортировано по имени задачи ...

0  Как закрыть всплывающее окно, когда видео YouTube играет на кнопке кнопки ESC?  ( How to close popup when youtube video is playing on esc button button ) 
Нажмите меня, чтобы увидеть демонстрацию Когда видео не играет, то кнопка ESC нажала всплывающее окно, но он не работает при воспроизведении видео. ...

0  Скачать изображение из результатов API  ( Download image from api results ) 
Я создаю приложение, которое использует онлайн API для рерантива изображений на основе ключевого слова для поиска. Я запускаю петлю Foreach для рендеринга 12 ...

0  Как вы делаете Div пойти по другому меню Div / NAV, которое не исправлено?  ( How do you make a div go under another div nav menu which is not fixed ) 
Я пытаюсь сделать Div, идут под очередной div, в котором ни один не фиксирован элементы. Вот мой код: <Код> ul { list-style-type: none; margin: ...

15  CSS округлые углы  ( Css rounded corners ) 
Я видел много кодов для этого, но кажется, что он не работает очень хорошо или вообще. Я использовал картинки для округлых углов, но мне нужен код, так что он...

0  Как сделать левую и правую границу карты в ионном прозрачном  ( How to make the left and right border of a card in ionic transparent ) 
Ниже приведен мой HTML. У меня в общей сложности 3 карты в трех столбцах и хотите только левую и правую сторону быть прозрачными. Я пробовал устанавливать гра...

4  Как генерировать документ Word (DOC, DOCX) в ASP.NET? [закрыто]  ( How to generate word documentdoc docx in asp net ) 
<в сторону CLASS = "S-NEWACTS S-WELTIVE__info JS-Post-New Imide MB16« Роль = «Статус»> закрыт . Этот вопрос должен быть больше Фокусированный . В настоя...

1  Если для JavaScript в XSLT не работает [дубликат]  ( If greater than javascript into xslt doesnt work ) 
<в сторону CLASS = "S-NEWACTS S-WELTIVE__info JS-Post-New Imide MB16« Роль = «Статус»> Этот вопрос уже есть ответы здесь : ...

Связанный проблема

1  Как проверить отметку Check Column в сетке? 
0  Как вы используете PHP и SQL для отправки данных таблицы на другую таблицу 
9  Могу ли я установить два фоновых изображения на одном элементе с CSS? 
2  Наличие JSF выпивать поля поиска HTML. Doable? 
0  Как я могу отобразить вывод каждого цикла на петле «для»? 
3  Есть ли способ различить связь против мышиных взаимодействий в Windows 8 (HTML / JS) 
2  Совет инструмента не работает на текстовой зоне Bootstrap 
1  Как я могу сделать пользовательский сортировку на следующем HTML-таблице, заставляя некоторые ряды всегда кажутся под другими? 
0  Как закрыть всплывающее окно, когда видео YouTube играет на кнопке кнопки ESC? 
0  Скачать изображение из результатов API 
0  Как вы делаете Div пойти по другому меню Div / NAV, которое не исправлено? 
15  CSS округлые углы 
0  Как сделать левую и правую границу карты в ионном прозрачном 
4  Как генерировать документ Word (DOC, DOCX) в ASP.NET? [закрыто] 
1  Если для JavaScript в XSLT не работает [дубликат] 



© 2021 www.qaru.top All Rights Reserved. Q&A House все права защищены


Licensed under cc by-sa 3.0 with attribution required.