Как с помощью position прилепить элементы к верхнему правому углу

@Maksssssss · Регистрация: 12.08.2016

Как с помощью position прилепить картинку и name к верхнему правому углу ?

html файл

HTML5

1	<div id="ln"><img src="wp-content/themes/Mk/logo.png" style="height: 40px; width: auto;"> Statika plus </div>

css файл

CSS

#ln {
 position: absolute;
 bottom: 10px; /* Положение от нижнего края */
 right: 10%; /* Положение от правого края */
}

Вроде как с этим кодом должно было получиться , но не получилось , подскажите , в чем беда ?

@romandillernsk · 07.08.2017, 14:24

Родителю задать position: relative;, а нужному элементу - position: absolute;top:0;right:0;

@Maksssssss · 07.08.2017, 15:38 **[ТС]**

сделал , но ничего не отображается

@Ares111 · 07.08.2017, 15:49

могу посоветовать для понимания что происходит задать элементу c id="ln" и его родителю рамки разных цветов

CSS

1	border: 1px solid red;

ну а если это не поможет понять, почему не выходит как хочется, тогда выкладывайте более широкий участок кода

@Maksssssss · 07.08.2017, 16:07 **[ТС]**

Спасибо большое , беда была в том что, меню накрывало логотип, из-зa того что, элемент с логотипом, в коде , поставил перед меню

@romandillernsk 2 / 2 / 2 Регистрация: 19.01.2015 Сообщений: 59
	07.08.2017, 14:24	2
	Родителю задать `position: relative;`, а нужному элементу - `position: absolute;top:0;right:0;` 0

@Maksssssss 0 / 0 / 1 Регистрация: 12.08.2016 Сообщений: 239
	07.08.2017, 15:38 [ТС]	3
	сделал , но ничего не отображается 0

@Maksssssss 0 / 0 / 1 Регистрация: 12.08.2016 Сообщений: 239
	07.08.2017, 16:07 [ТС]	5
	Спасибо большое , беда была в том что, меню накрывало логотип, из-зa того что, элемент с логотипом, в коде , поставил перед меню 0

Решение