Как расположить один div под другим?

Someone · July 4, 2019

Всем привет!

У меня есть 2 div'а на странице, мне нужно, чтобы они располагались один под другим и верхний занимал по высоте 10% страницы, а нижний - 90. Сделал вот так

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Main page</title>

</head>

<body>

<div style="position: absolute; height:10%; width:100%; background-color: #086FA1">

</div>

<div style="position: absolute; height:90%; width:100%; background-color: #FF0000">

</div>

</body>

</html>

В итоге второй див, который 90%, наезжает на первый и перекрывает его, а мне нужно, чтобы второй располагался под первым, и чтобы они оба занимали нужные мне пропорции страницы (10 и 90). Как это сделать?

AlexZaw · July 4, 2019

3 часа назад, Someone сказал:

Как это сделать?

<div class="first"></div>
<div class="second"></div>

html,
body {
  height: 100%;
}
.first {
  height: 10%;
  background-color: #086fa1;
}
.second {
  height: 90%;
  background-color: #ff0000;
}

Someone · July 5, 2019

Помогло, спасибо.

Sign In

Как расположить один div под другим?

Question

Someone

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

AlexZaw

Link to comment

Share on other sites

Someone

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information