У меня есть HTML div
, расположенный в определенной точке (position: absolute; top: ...; left: ...
). Как сделать div span от этой точки до края страницы и масштабировать по мере изменения размера окна? То есть - то же поведение, что и для width: 100%
, но с верхним левым углом div в конкретной произвольной точке.CSS для div, охватывающих от определенной точки до края окна
2
A
ответ
2
Если элемент абсолютно позиционирован, вы можете назначить его сверху, слева, снизу и правый свойства:
<html>
<head>
<style>
#foo{
position: absolute;
top: 10px;
left: 10px;
bottom: 0;
right: 0;
background-color: red;
border: 5px solid blue;
}
</style>
</head>
<body>
<div id="foo"></div>
</body>
</html>
2
если я понимаю вопрос правильно, это должно работать
div {
position: absolute;
left: 100px; << "left top corner of the div at a specific, arbitrary point."
top: 0;
bottom: 0;
right: 0;
background-color: #666;
}
Смежные вопросы
- 1. Прокрутить фиксированный div до определенной точки
- 2. Повторить фоновое изображение до определенной точки до конца div
- 3. анимировать до определенной точки
- 4. CSS-анимация - переводить до определенной точки при зависании
- 5. SVM: как рассчитать расстояние от точки до края?
- 6. Быстрый способ найти расстояние от точки до ближайшего края полигона
- 7. Расстояние от известной точки до края веб-сайта
- 8. расстояние от точки в пределах многоугольника до края многоугольника
- 9. CSS охватывающих DIV с другими, которые получили непрозрачностью с CSS
- 10. изогнутые края DIV в CSS
- 11. php changeint до определенной точки
- 12. Масштаб Img до определенной точки
- 13. сортировать точки по расстоянию до определенной точки
- 14. Как сделать HTML-цвета дизайна Bootstrap от края до края
- 15. Позиционирование div от одной точки экрана до крайнего правого
- 16. Выполнение window.scrollTo() физически прокрутки до определенной точки
- 17. CSS Максимальное расстояние от края браузера
- 18. Перемещение div вниз после определенной точки
- 19. C# нарисовать линию от окружности края до края окружности
- 20. CSS - Выравнивание дел до края экрана
- 21. переустанавливайте div-боксы после определенной точки останова
- 22. перо края окна окна прокрутки с непрозрачностью
- 23. Выровнять второй столбец div до правого края
- 24. Показать фиксированный div после определенной точки (отзывчивый)
- 25. верхней DIV начинается от края нижней DIV
- 26. автоматически прокручивается до определенной точки на странице css
- 27. Остановить фон от повторения после определенной точки
- 28. Скрыть ajax добавленный html до определенной точки
- 29. Рассчитайте ближайшее расстояние от определенной точки до многих других точек
- 30. CSS - получение ширины от DIV до последнего