Не применяется свойство top к div блоку

192

14 декабря 2021, 20:10

Есть блок div с названием класса penguin, мне нужно опустить данный блок на 10% вниз от родительского блока, но свойство top не применяется.
Пробовал на 2-х редакторах, sublime и brackets. Css стили подключены верно. В чем может быть ошибка?

//HTML:
<body>
<div class="penguin"></div>
</body>
//CSS:
.penguin{
width: 300px;
height: 300px;
background: grey;
margin: auto;
position: relative;
top: 10%;
}

Answer 1

.penguin{ 
  width: 300px; 
  height: 300px; 
  background: grey; 
  margin: auto; 
  position: relative; 
  margin-top: 10%; 
}

<div class="penguin"></div>

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

NullPointerException при проверке admin ли пользователь

при регистрации пользователя нужно проверить явдяется ли он администратором,проще сказать admin ли его логин, и если он админ,то перекидываю...

239

Java

Нужен ли конструктор, если я использую Getter() and Setter()?

Если при создания сущности, его поля я инициализирую с помощью геттеров и сеттеров, нужен ли мне в таком случае конструктор?

115

Java

Преобразовать json в java класс

Как мне преобразовать такой вот json в Java класс с помощью GSON ?

206

Java

Как убрать крайне правый знак в строке ;

Здраствуйте уважаемые форумчанеНа днях начал разрабатывать свой калькулятор на Java и не смог найти нужную в интернете информацию о том как...