Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Элемент (position:absolute) сдвигается относительно окна, а не родителя (https://javascript.ru/forum/events/59430-ehlement-position-absolute-sdvigaetsya-otnositelno-okna-ne-roditelya.html)

MishaUA 11.11.2015 03:06

Элемент (position:absolute) сдвигается относительно окна, а не родителя
 
Здравствуйте!
Вот кусок кода (содержимое body):
<div class="user_data_collumn">
	11111111<br />
	22222222<br />
	33333333<br />
	44444444<br />
</div>

<div id="groupsDiv">
   <input id="Button" type="button" value="Button">
	<style>
	#Button {
	position: absolute;
		top: 0px;
		left: 0px;
	}
	</style>
</div>


Если убрать свойства top и left, то отображается как надо - сначала 4 строки текста, а под ними Button. А вот с этими свойствами, Button почему-то налазит на текст и оказывается в углу окна браузера:

Получается, что при указании top и left позиция устанавливается относительно окна браузера, а не относительно родителя (groupsDiv). Если указываю не 0, а другие значения, то позиция устанавливается тоже относительно окна браузера.
Подскажите, пожалуйста, как сделать, чтобы позиция устанавливалась относительно родителя?
Спасибо!

Rise 11.11.2015 03:32

MishaUA, position
Цитата:

Так, если у родителя значение position установлено как static или родителя нет, то отсчет координат ведется от края окна браузера. Если у родителя значение position задано как fixed, relative или absolute, то отсчет координат ведется от края родительского элемента.

MishaUA 11.11.2015 03:42

Дружище, большое спасибо!)))


Часовой пояс GMT +3, время: 14:12.