Показать сообщение отдельно
  #1 (permalink)  
Старый 11.11.2015, 04:06
Интересующийся
Отправить личное сообщение для MishaUA Посмотреть профиль Найти все сообщения от MishaUA
 
Регистрация: 03.05.2014
Сообщений: 26

Элемент (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, а другие значения, то позиция устанавливается тоже относительно окна браузера.
Подскажите, пожалуйста, как сделать, чтобы позиция устанавливалась относительно родителя?
Спасибо!
Ответить с цитированием