0
, что я пытаюсь сделать что-то вроде этого:Показать DIV только если высота родительского DIV меньше, чем высота окна просмотра с помощью CSS только
<body>
<div id="content" style="position:relative;">
...some content here...
THE END
<div class="red_square" style="position:absolute;right:0;bottom:-90px;height:90px;width:90px;background-color:red;"></div>
</div>
</body>
но, очевидно, просто показывает красный квадрат в нижней части. Я хочу, чтобы страница останавливалась на «THE END», если она достаточно длинная (то есть, с полосами прокрутки) и показывает красный div только для страниц с небольшим содержанием (без полос прокрутки). Я могу сделать это с помощью javascript, но мне было интересно, есть ли чистое решение CSS (2 или 3) для самых последних браузеров.
Можете ли вы сделать демо-версию http://jsfiddle.net/, которую вы хотите использовать с помощью JavaScript? – Blender
Я думаю, он только хочет показать красный 'div', если его отображение не приведет к появлению вертикальной полосы прокрутки, если полоса прокрутки еще не была там из-за высоты содержимого. Может быть, какой-то запрос высоты '@ media' будет работать для этого? Или просто «переполнение: скрытое» и «высота: 100%» на что-то. Хотите подтверждения того, что он хочет, прежде чем я начну думать об этом слишком тяжело. – justis
Я предполагаю, что вы ссылаетесь на выражения CSS, через которые они могут быть выполнены .. можно искать в Интернете для получения дополнительной информации об этом ... но у них почти нет поддержки IE ... так что имейте в виду ... – testndtv