Как задать margin для блока, который идет после блока с position:fixed?

Question

[Slava]

Сверху страницы идет блок с меню. Задаю ему position: fixed, чтобы он при прокрутке оставался на месте. После него идет блок с контентом. Задаю ему верхний margin и часть блока с контентом залазит под блок с меню и дает отступ для блока с меню тоже.

<header>
	<div class="container">

		<div class="logo">
			<a href="index.html">
				<img src="pictures/logo.png">
			</a>
		</div>

		<nav class="float_right">
			<ul class="main_nav">
				<li><a href="index.html">Home</a></li>
				<li><a href="about.html">About</a></li>
				<li><a href="services.html">Services</a></li>
				<li><a href="investors.html">Investors</a></li>
				<li><a href="contacts.html">Contacts</a></li>
			</ul>
		</nav>	
	</div>
</header>


<main class="main_about">
<div class="container">	
	<h2 class="title">About Tesla</h2>
	<div class="red_line">
		<hr>
	</div>
	<h1 class="subtitle">Tesla’s mission is to accelerate the world’s transition to sustainable energy
	</h1>
</div>	
</main>

header {
	position: fixed;
	height: 65px;
	width: 100%;
	background: #000000;
}
.container {
	padding: 0 10%;
}
.logo {
	float: left;
	line-height: 65px;
}

.float_right {
	float: right;
}

.main_nav li {
	display: inline-block;
	padding: 0 20px;
	line-height: 65px;
}

.main_nav a {
	font-family: "HelveticaNeue", sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 17px;
	text-transform: uppercase;
}

.main_nav a:hover {
	/*color: #cc0000;*/
	padding-bottom: 15px;
	border-bottom: 2px solid #fff; 
}


.main_about {
	/*position: absolute;*/
	margin-top: 65px;
	top: 60px;
	left: 70px;
}

Answer 1

[Денис Инешин]

Невидимый див под меню, размером с меню - лучшее решение.

Comments

[Сергей delphinpro]

Дублирование контента? Я бы не назвал это лучшим решением.

[Kovalsky]

Сергей: не дублирование, просто заглушка такого же размера. Хотя то же самое можно сделать и отступом, мне кажется.

[Сергей delphinpro]

Никита Полевой: не пытайтесь угадать что имел ввиду автор =)
Если невидимый див - то дублирующий див с контентом, иначе, как вы правильно заметили, можно было бы джаваскриптом подсчитать всё что нужно.

[Slava]

Добавил код. Если задаю второму блоку position: absolute, то все становится на свои места. Но мне кажется это не совсем верное решение.

[Василь Бойко]

Сергей: Денис всё правильно написал, делается всё скриптом matchHeight