Блог

Главная - Вопросы по программированию - Высота IFRAME установлена на 100%

Высота IFRAME установлена на 100%

#html #css #iframe

Вопрос:

Я пытаюсь установить высоту моего iframe на 100%. Но по какой-то причине я не могу этого сделать. Я хочу удалить прокрутку так, чтобы iframe каждый раз отображался как высота 100%.

Вот мой код:

 <div style="margin:0px;padding:0px;overflow:hidden">
<iframe src="https://example.com/" frameborder="0" style="overflow:hidden;height:100%;width:100%" height="100%" width="100%"></iframe>
</div>

Комментарии:

1. Я думаю, что вашему div нужна фиксированная высота. Вы пробовали положение стиля: фиксированное; слева:0; справа:0; сверху:0 снизу:0; ?

2. В этом вопросе нет ни php, ни javascript

3. @Patfreeze я добавляю, но это та же проблема

4. Вам нужно предоставить больше кода, потому что просто a div и a iframe не помогают воспроизвести вашу проблему.

5. @Patfreeze Пожалуйста, проверьте выше, я делаю код для запуска, открываю во весь экран, у меня те же проблемы с моей стороны, чтобы

Ответ №1:

Попробуйте это. Это сработало для меня:

 <html>
<body style="position:relative;">
    <div style="position:fixed; left:0; right:0; top:0; bottom:0;margin:0px;padding:0px;overflow:hidden">
        <iframe src="https://example.com/" frameborder="0" style="overflow:hidden;height:100%;width:100%" height="100%" width="100%">
        </iframe>
    </div>
</body>
</html>

Комментарии:

1. Я думаю, что это может сработать, можно ли добавить некоторые поля или отступы? Я внедряю это в WordPress на странице, на которой у меня проблема с боковой панелью, страница переходит в боковую панель.

2. top:0; Просто что-то в этом роде top:50px . Это переместит div на 50 пикселей сверху.

Ответ №2:

Попробуй это. Я не могу проверить это в данный момент, но вы можете попробовать. **Прокрутка может быть либо нет, либо нет, я не могу вспомнить.

 <style type="text/css">
            body, html {
                margin: 0; 
                padding: 0; 
                height: 100%; 
                overflow: hidden;
            }

            #content{
                position: absolute; 
                left: 0; 
                right: 0; 
                bottom: 0; 
                top: 0px; 
            }
</style>

<div id="content">
<iframe src="example.com" frameborder="0" scrolling="none" height="100%" width="100%" style="overflow:hidden></iframe>
</div>

Комментарии:

1. Привет @Jay Я могу использовать только встроенный CSS, попробуйте запустить мой приведенный выше код в полноэкранном режиме, вы можете видеть, что по какой-то причине не могу отобразить 100% высоту

Метки: