Изменение позиционирования

363
24 ноября 2016, 10:10

Есть контейнер DIV с двумя блоками Р которые позиционированы относительно левой стенки контейнера, я захотел переместить первый блок относительно правой стенки, но не получается. Почему так происходит?

div{ 
	width:500px; 
	height:500px; 
	border:1px black solid; 
	position:relative; 
} 
p{ 
	position:absolute; 
	left:0; 
	top:0; 
	width:50px; 
	height:50px; 
	border:1px black solid; 
} 
div p:first-child { 
	right:110px; 
}
<div> 
<p class="q1"></p> 
<p></p> 
</div>

Answer 1

Как написал user190134 к первому селектору применялось сразу 2 значения right и left. Нужно было задать для left значение auto.

READ ALSO
Конвертация less в css в sublime. Ошибка с компиляцией @media
CSS

Конвертация less в css в sublime. Ошибка с компиляцией @media

Подскажите, пожалуйста, как можно решить эту проблему? Создал mixin для @media по инструкции, как указано здесь. .

434
display: table-cell и vertical-align:middle
CSS

display: table-cell и vertical-align:middle

Как сделать ширину дочерних элементов управляемой? Или как тут ещё можно выровнять несколько элементов по вертикали в одном диве?.

382
Как сделать такое выравнивание с Flex
CSS

Как сделать такое выравнивание с Flex

Добрый день! учусь использовать Flexbox, вот решил сделать такой макет, и не могу понять как выровнять элементы по-левой стороне. Примерно такая...

 410
Поведение адаптивного дизайна
CSS

Поведение адаптивного дизайна

Вот песочница https://jsfiddle. net/o82kLqdn/1/ Там есть боди с размером 600рх, в нём контейнер 521рх в котором три блока по 164рх с отступами по 10рх.

410