Добрый вечер.
Есть проблема.
Есть сайт:
html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Название статьи</title>
<link rel="stylesheet" href="index.css">
<?php include_once "header.php"; ?>
<H1 align=center>Название статьи</H1>
<meta name="Description" content="Описание данной статьи.">
<meta name="Keywords" content="rating, релевантность, relevancy">
</head>
<body>
<?php include_once "main_menu.php"; ?>
<div class="wrapper">
<div class="left_block">
ааааааааааааааааааааааааааааааааааааааааааааа
ааааааааааааааааааааааааааааааааааааааааааааа
ааааааааааааааааааааааааааааааааааааааааааааа
ааааааааааааааааааааааааааааааааааааааааааааа
ааааааааааааааааааааааааааааааааааааааааааааа
ааааааааааааааааааааааааааааааааааааааааааааа
ааааааааааааааааааааааааааааааааааааааааааааа
ааааааааааааааааааааааааааааааааааааааааааааа
</div>
<div class="right_block">
ппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппмпппппппппппппппппппппппппппппппппппппппп
пппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппп
м
мппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппппмпп
пппппппппппппппппппппппппппппппппппппппп
м
м
ппппппппппппппппппппппппппппппппппппппппм
м
</div>
</div>
</body>
<footer>
<p align=center> ляляляляляля </p>
<p align=center> Copyright © 2017 </p>
</footer>
</html>
css
body
{
margin: 0px;
background-color: #e6f4ff;
text-align: justify;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 24px;
font-style: italic;
color: #030303;
}
*
{
padding: 0;
margin: 4px;
}
H1
{
font-size: 30px;
}
H2
{
font-size: 28px;
}
H3
{
font-size: 26px;
}
div.wrapper {
width:100%;
}
div.left_block {
float:left;
width:70%;
}
div.right_block {
float:right;
width:30%;
}
Нужно, чтобы 2 блока div размещались горизонтально на странице.
При этом задавать ширину в процентах, т.к. на разных устройствах люди сидят.
Почему-то правый блок уползает за границы страницы.
И этот правый блок надо сделать нескроллящимся, т.е. по ширине где-то 20-25% от странице и по высоте около 100, чтобы шапка вмещалась ещё.
Пробовал уже по-разному, всё какая-то лажа.
Отмучился уже часов 7.
Помогите, хоть кто-нибудь.
