@gaalev

Почему список выходит за пределы div хедера?

5d9f35877a2e1113878947.pngHTML:
spoiler
<!DOCTYPE html>
<html>
<head>
	<title></title>
	<meta charset="UTF-8">
	<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
	<header>
		<div class="wrapper">
			<div class="container-header">
				<div class="logo">
					<img id="logo" src="img/logo.png">
				</div>
				<div class="menu">
					<ul>
						<li><a href="#">Home</a></li>
						<li><a href="#">Pages</a></li>
						<li><a href="#">Features</a></li>
						<li><a href="#">Extensions</a></li>
						<li><a href="#">Tutorials</a></li>
						<li><a href="#">Contact us</a></li>
					</ul>
				</div>
			</div>
		</div>
	</header>
</body>
</html>

CSS:
spoiler
header
{
	height: 100vh;
	background: url(../img/header_background.png) no-repeat; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}
.container-header
{
	height: 125px;
	border-bottom: 1px solid rgba(117, 117, 117, 0.38);
}
.logo
{
	height: 125px;
	display: flex;
	align-items: center;
}
#logo
{
	margin-left: 250px;
}
li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
a
{
	text-decoration: none;
}
ul
{
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
}
  • Вопрос задан
  • 47 просмотров
Решения вопроса 1
cesnokov
@cesnokov
<head>&nbsp;</head>
Высота ".container-header" 125 пикселей, в нём находятся два блока, первый ".logo" высотой тоже 125 пикселей и второй ". menu" которому места не осталось. Вот он и вылез за пределы.
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
FeST1VaL
@FeST1VaL
Тихий
Сделайте песочницу, скриншоты итд. А по факту если честно ваш код взять, то ничего криминального не найдено из за чего может быть... только если вы имеете ввиду на моб устройствах, когда не хватает места для элементов и они не переносятся на новую строку, то flex-wrap: wrap;
Ответ написан
@dudeone
выложи хотя б скриншот... ну ничего не понятно.
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
21 нояб. 2019, в 10:21
140000 руб./за проект
21 нояб. 2019, в 09:33
500 руб./за проект
21 нояб. 2019, в 09:12
3001 руб./за проект