Переполнение: скрыто; не работает на Chrome с IFRAME?

У меня есть IFRAME с переполнениями, скрытыми в css и html. Он работает в Firefox, но не Chrome/Safari

Почему это?

Ответ 1

Правильно, как насчет:

<iframe scrolling="no" src="http://www.google.com" width="400px" height="300"></iframe>

как в scrolling="no"

Ответ 2

После довольно большого исследования, которое я сделал по этому вопросу, я хотел бы опубликовать свой ответ, который, как я полагаю, мог бы стать дополнением к ответу Joonas:

<style>
    iframe {
        overflow:hidden;
    }
</style>
(...)
<iframe scrolling="no" src="http://www.google.com" width="400px" height="300"></iframe>

Я думаю, что оба scrolling и overflow:hidden должны быть предоставлены, хотя это решение не будет работать в сочетании с типом Chrome и HTML5. Атрибут scrolling устарел в HTML5, а свойство overflow не влияет на iframe в Chrome. Я предполагаю, что последний является ошибкой, так как спецификация

Ответ 3

<style>
    iframe::-webkit-scrollbar {  
    display: none;
}  
</style>

Как найдено на - Safari/Chrome (Webkit) - Не удается скрыть вертикальную полосу прокрутки iframe

Ответ 4

Используйте overflow-y: hidden;, тогда вертикальная прокрутка будет скрыта.

Ответ 5

Просто width: 99.99%; помогло.

У меня была эта проблема в Chrome, но не в Firefox.