У меня есть относительный позиционированный div, и я хочу поместить его ребенка, используя абсолютное позиционирование - легко. Один вопрос: я был под впечатлением, что абсолютные позиционированные дети не занимают какое-либо место, но если я правильно это установлю: 5000 пикселей, например, огромный пробел окажется справа, чтобы разместить этот элемент. Как позиционировать элемент как абсолютный, скажем, 5000 пикселей справа от родителя без расширения родителя, чтобы занять комнату, чтобы разместить оба.Positiong элемент с абсолютным положением g без расширения родителя
ответ
Фактически, если вы это сделаете, родитель не должен расширяться. Вот пример: https://jsfiddle.net/0oofcd0x/1/
container{
position: relative;
background: black;
height:200px;
width: 500px;
}
.internal{
position: absolute;
background: green;
width:100px;
height:100px;
left: 800px;
}
В вашем примере внутренний находится за краем экрана, но внизу внизу есть полоса прокрутки, так как окно больше - этого я и стараюсь избежать. – M3nd3z
О, я сейчас понимаю ... Так что же вам нужно? Если у вас нет прокрутки, вы никогда не сможете ее увидеть. Похоже, вы хотите сделать это отображение: none Я до сих пор не понимаю цель его оставления: 5000 – Dzhambazov
Спасибо - теперь я понимаю, что это страница, не являющаяся родительским элементом, которая становится все больше - у меня была проблема, когда я толкал элемент на полпути с края контейнера, и он заставлял прокручивать страницу - Спасибо за вашу помощь! – M3nd3z
- 1. Найти ближайший элемент с абсолютным положением
- 2. Таблица с абсолютным положением без калибровки
- 3. Проблема с абсолютным положением
- 4. Позиционирование с абсолютным положением
- 5. jquery resizable с абсолютным положением
- 6. Кордова: проблема с абсолютным положением в Android
- 7. Найти все родительские элементы с абсолютным положением
- 8. Как правильно позиционировать добавленный элемент с абсолютным положением?
- 9. Липкий элемент внутри div с абсолютным положением на прокрутке
- 10. Детский div с абсолютным положением родительский
- 11. Переполнение конфликта с абсолютным положением внутри float
- 12. нижний колонтитул с абсолютным положением - отзывчивый дизайн
- 13. Stack наслаивал дивы с абсолютным положением
- 14. Firefox - нижний колонтитул с абсолютным положением не работает (без таблиц)
- 15. Имейте ребенка родителя с абсолютным или фиксированным положением до полной высоты окна просмотра
- 16. проблема с абсолютным положением на Chrome 28.0.1500.72
- 17. Переход добавленного элемента с абсолютным положением
- 18. Макет, проблемы с абсолютным положением в ie6
- 19. Проблема с z-индексом и абсолютным положением
- 20. Как центр ребенка с абсолютным положением
- 21. Использование css вращается с абсолютным положением HTML
- 22. IE8 Проблема с фиксированным и абсолютным положением
- 23. Не удается центрировать изображение с абсолютным положением
- 24. Центрирование текстового div с абсолютным положением
- 25. Фоновое изображение на изображениях с абсолютным положением
- 26. CSS: Справка с относительным положением/абсолютным
- 27. css: перекрытие чувствительных изображений с абсолютным положением
- 28. Переполнение CSS скрыто с абсолютным положением
- 29. div с абсолютным положением за нормальным потоком
- 30. Div с абсолютным положением не позиционируют эквивалент
Вопросы, ищущих код помощи должны включать короткий код, необходимый для его воспроизвести ** в самом вопросе ** желательно в [** Stack SNIPPET **] (https: // blog.stackoverflow.com/2014/09/introducing-runnable-javascript-css-and-html-code-snippets/). См. [** Как создать минимальный, полный и проверяемый пример **] (http://stackoverflow.com/help/mcve) –
Они не занимают места в родительском *, насколько это касается других элементов *, но браузер все равно должен рисовать их где-то по отношению к ** экрану **. Родитель не расширяется ... страница есть. –
Спасибо. Таким образом, вы не можете скрыть это от края страницы без появляющейся полосы прокрутки? – M3nd3z