Articles of позиция

найти верхний и последний элемент внутри прокручиваемого div

У меня есть прокручиваемый div с фиксированной высотой. Во время прокрутки мне нужно получить элемент в верхней части видимого windows просмотра, а в нижней части windows просмотра. Я могу получить положение полосы прокрутки с помощью scrollTop, однако я не уверен, как получить элемент. Обновление: форматированный вопрос для ясности.

позиции divs сверху и снизу содержащего div

У меня есть контейнер div, у которого есть контент, который иногда нужно разделить на class=”top” и class=”bottom” . Очевидно, что нет float:top или float:bottom , так что лучший способ достичь этого с помощью html / css? Пример: #container .content { margin-top: 115px; } #container .content .left { float: left; width: 307px; } #container .content .center […]

make div заполнить остальную часть windows просмотра браузера

поэтому я имею нормальный макет 960px, я хочу добавить div, который может использовать 300px внутри этого 960, а остальная часть пространства (ширина браузера), которую я хочу заполнить этим div … но всегда остаюсь на том же самом месте внутри обертка (не говоря о вертикальном фиксированном элементе) могу ли я сделать это без использования javascript? но […]

Позиция изображения, эквивалентная фоновой позиции

Я работаю над веб-сайтом, и я хочу создать стиль, похожий на стиль фона с фоновой позицией: центр. Есть ли эквивалент этого для обычного изображения? Заранее спасибо, Luuk РЕДАКТИРОВАТЬ: Изображение реагирует и содержится в контейнере. CSS: .img-container { max-height: 300px; overflow: hidden; } .img-container img { max-height: 100%; max-width: 100%; }

Как получить вертикальную полосу прокрутки на внутреннем div, содержащуюся в фиксированном измерении внешнего div?

Я ищу решение HTML / CSS, где внутренний DIV имеет следующие характеристики: ДОЛЖЕН ИМЕТЬ: включен в контейнер контейнера с фиксированной высотой ниже заголовка div с переменной высотой. заполняет переменную высоту без свойства CSS max-height при необходимости перемещается по вертикали находится внутри документа, имеющего DOCTYPE = HTML 4.01 строгий (желательно, HTML 5, если необходимо) совместим с […]

Почему отрицательный z-индекс удаляет зависающие возможности элемента, не статически расположенного?

Я только заметил, что установка z-index:-1 для элементов с нестационарным расположением удаляет их зависающие возможности. Удивительно, что возможности зависания абсолютно и фиксированных позиционированных элементов различаются с условиями, Абсолютно / Фиксированные позиционированные элементы частично теряют возможность зависания, только если после них есть текст. Не нависать над верхней границей. Если после них ничего не происходит, то зависание […]

Верхняя панель навигации (под заголовком) фиксируется поверх экрана при прокрутке

Когда в верхней панели браузера отображается полоса прокрутки: HTML: ————————- | HEADER | ————————- | NAVBAR | ————————- | body | ————————- Когда панель прокрутки вниз, браузер NOW обычно показывает: HTML: ————————- | | | body | | | ————————- Но я бы хотел: ————————- | NAVBAR | ————————- | | | body | | […]

Есть ли способ для «position: absolute» div сохранить относительную ширину?

Предположим, у меня есть два divs, один внутри другого, вот так: Прямо сейчас внутренний div имеет ширину 100% от 50% размера экрана или 50% от размера экрана. Если бы я изменил внутренний div на абсолютную позицию, вот так: В этом случае внутренний div занимает 100% экрана, потому что его позиция установлена ​​в абсолютную. Мой вопрос […]

Извлечь элемент из контейнера

У меня есть все мое содержимое, заключенное в элемент контейнера с фиксированной шириной. Но у меня есть который я хочу «вырвать» из этого контейнера, чтобы охватить всю ширину страницы. http://dabblet.com/gist/3207168 Как вы можете видеть в этом примере, у меня есть чтобы разразиться, но поскольку он позиционируется абсолютно, это не влияет на stream страницы … это […]

CSS: Как я могу избавиться от windows «padding» по умолчанию? Элемент, установленный на 100% ширину, не достигает границ windows

Поэтому у меня есть элемент, который помещается непосредственно внутри тела: Some stuff… Other stuff… Ниже приведено использование CSS: body{ text-align:center; } #header{ margin:auto; } Таким образом, #header div устанавливается на 100% ширину (по умолчанию) и центрируется. Проблема в том, что между границей windows и элементом #header существует «пробел» … Например: | |—-header—-| | ^window border […]