2016-10-21 2 views
-1

У меня есть относительный позиционированный div, и я хочу поместить его ребенка, используя абсолютное позиционирование - легко. Один вопрос: я был под впечатлением, что абсолютные позиционированные дети не занимают какое-либо место, но если я правильно это установлю: 5000 пикселей, например, огромный пробел окажется справа, чтобы разместить этот элемент. Как позиционировать элемент как абсолютный, скажем, 5000 пикселей справа от родителя без расширения родителя, чтобы занять комнату, чтобы разместить оба.Positiong элемент с абсолютным положением g без расширения родителя

+0

Вопросы, ищущих код помощи должны включать короткий код, необходимый для его воспроизвести ** в самом вопросе ** желательно в [** Stack SNIPPET **] (https: // blog.stackoverflow.com/2014/09/introducing-runnable-javascript-css-and-html-code-snippets/). См. [** Как создать минимальный, полный и проверяемый пример **] (http://stackoverflow.com/help/mcve) –

+0

Они не занимают места в родительском *, насколько это касается других элементов *, но браузер все равно должен рисовать их где-то по отношению к ** экрану **. Родитель не расширяется ... страница есть. –

+0

Спасибо. Таким образом, вы не можете скрыть это от края страницы без появляющейся полосы прокрутки? – M3nd3z

ответ

0

Фактически, если вы это сделаете, родитель не должен расширяться. Вот пример: 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; 
} 
+0

В вашем примере внутренний находится за краем экрана, но внизу внизу есть полоса прокрутки, так как окно больше - этого я и стараюсь избежать. – M3nd3z

+0

О, я сейчас понимаю ... Так что же вам нужно? Если у вас нет прокрутки, вы никогда не сможете ее увидеть. Похоже, вы хотите сделать это отображение: none Я до сих пор не понимаю цель его оставления: 5000 – Dzhambazov

+0

Спасибо - теперь я понимаю, что это страница, не являющаяся родительским элементом, которая становится все больше - у меня была проблема, когда я толкал элемент на полпути с края контейнера, и он заставлял прокручивать страницу - Спасибо за вашу помощь! – M3nd3z

Смежные вопросы