Контейнер с ящиком и внутренним фиксатором положения

Question

Контейнер с ящиком и внутренним фиксатором положения

0

У меня проблема с размером окна. Я установил его для контейнера #container, который дал padding-right: 222px; Внутри контейнера я хочу вставить бар с position: fixed ширина 100%. Исправлено, но адаптировалось к экрану вместо контейнера. Вы можете помочь?

Ссылка: Demo

AdamRudnicki 30 нояб. 2013, в 13:24

Источник

0

использовать положение: абсолютное для одного внутри
Deryck 30 нояб. 2013, в 11:40
0

Все еще такой же. :)
AdamRudnicki 30 нояб. 2013, в 11:43
0

Если вы ссылаетесь на свой padding-left: 222px - это не повлияет на абсолютно позиционированный элемент - в этом случае установите свой внутренний элемент на относительный. Извините, я неправильно понял вопрос.
Deryck 30 нояб. 2013, в 12:32
0

Все нормально. :) Конечно, я могу установить обычай с помощью JS, но для чего? Я действительно верю, что у кого-то будет идея получше. :)
AdamRudnicki 30 нояб. 2013, в 12:35
0

LOL Нет, нет, я говорю, что есть только одна вещь, которую вы должны изменить во всем коде - заменить то, что я вам сказал ( position: absolute; ) на position: relative; и это исправлено
Deryck 30 нояб. 2013, в 12:49

Показать ещё 3 комментария

Теги:

html

css

css-position

1 ответ

Ещё вопросы

использовать положение: абсолютное для одного внутри
Если вы ссылаетесь на свой padding-left: 222px - это не повлияет на абсолютно позиционированный элемент - в этом случае установите свой внутренний элемент на относительный. Извините, я неправильно понял вопрос.
Все нормально. :) Конечно, я могу установить обычай с помощью JS, но для чего? Я действительно верю, что у кого-то будет идея получше. :)
LOL Нет, нет, я говорю, что есть только одна вещь, которую вы должны изменить во всем коде - заменить то, что я вам сказал ( position: absolute; ) на position: relative; и это исправлено

Deryck · Answer 1 · 2013-11-30T10-46-00.000Z

Официально:

#container {
    top: 0;
    left: 0;
    position: fixed;
}
#info_bar {
    position: relative;
}

Вы можете использовать top: 0; left: 0; top: 0; left: 0; в #info_bar если хотите, но я их вынул, так как это было необязательно. Вы можете решить, нужен вам это или нет.

Демо-версия Codepen

Панель должна всегда придерживаться вершины, независимо от количества контента, поэтому я использовал положение: исправлено.
Да, я слишком быстро нажал "сохранить" в этом ответе, и нужно было еще кое-что изменить - codepen.io/anon/pen/Gumpe .
cdpn.io/byKfA Смотри, это не фиксированная позиция.
Посмотрите еще раз на то, что у меня есть выше, и снова нажмите на демонстрационную ссылку (ту, которую я вставил, где написано «Codepen Demo»).
Я пытался использовать его, но ваш код вызвал то, что текст не прокручивается, что ничего не изменилось. Веб-сайт должен функционировать должным образом независимо от количества размещенного контента (прокрутка вверх), а панель всегда придерживается верхнего края.
Я понятия не имею, как это сделать ...