@Parfen0n

Как убрать пробел в верстке между блоками?

Не могу убрать отступ между .top и .bottom

body {
	font-family: "Open Sans", sans-serif;
	width: 1400px;
	margin: 0 auto;
}

.header {
	height: 775px;
	max-height: 775px;
	padding: 0;
	width: 100%;
	margin: 0;
}

.header a {
	text-decoration: none;
}

.top {
	height: 120px;
	margin: 0;
	background-color: red;
	padding: 0;
}

.logo a {
	text-decoration: none;
	display: block;
	margin: 45px 0 0 110px;
	font-size: 25px;
	font-weight: bold;
	color: #212121;
	float: left;
}

.nav {
	float: right;
	margin-top: 50px;
	margin-right: 120px;
}

.nav li {
	list-style: none;
	display: inline-block;
	vertical-align: middle;
	color: #212121;
	font-size: 20px;
	margin-right: 45px;

}

.nav a {
	color: #212121;
}

.search {
	background: url(img/search.png) no-repeat 50% 50%;
	width: 25px;
	height: 25px;
	display: block;
	position: absolute;
	top: 45px;
	right: 320px;
	margin: 0;
	padding: 0;
}

.nav a:hover {
	color: #00897b;
}

.search:hover {
	background-color: #00897b;
}

.bottom {
	margin: 0;
	background-color: red;
	height: 655px;
}
5ae7517d9e437020878101.jpeg
  • Вопрос задан
  • 85 просмотров
Решения вопроса 1
UnluckySerivelha
@UnluckySerivelha
Попробуйте задать margin-top: 0 для заголовка второго блока.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы