<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" type="text/css" href="css/styles.css">
<meta charset="UTF-8">
<title>1</title>
</head>
<body>
<div class="wrapper">
<div class="navbar">
<a href="index.html"><img src="img/home.png" class="home"></a>
<select class="select">
<option>Москва</option>
<option>Рязань</option>
</select>
</div>
</div>
</body>
</html>
/*Default CSS*/
body {
}
.wrapper {
height: 10000px;
width: 100%;
}
.navbar {
background-color: #4b72cd;
width: 100%;
height: 7%;
position: fixed;
margin-left: -8px;
margin-top: -8px;
}
.home{
margin-left: 20%;
height: 100%;
width: 4%;
}
.select {
background-color: #4b72cd;
color: #fff;
border: 0;
padding: 0;
margin-left: 30px;
}
Если пишу margin-top или margin-bottom то select отступает только вниз, вверх ни в какую, вправо или же влево спокойно делает отступы
