Задать вопрос
@yurasmirnow

Почему автоматически смещается элемент html и как это исправить?

Логотип новостное агентство не имеет отступа от верхнего div'a, но почему то выпадающий список и картинка погоды имеют отступ. Хотя position top не задано.
<div id="blackbar">
        <div class="fixed-container">
             Самые <a href="#">свежие новости</a> в реальном времени 
             <div id="blackbartime">
                 <script>
                     setInterval(function () {
                         document.getElementById('blackbartime').innerHTML = date_time();
                         }, 10);
                 </script>         
            </div>
        </div>
    </div>
    <div id="header">
        <div class="fixed-container">
            <img src="logo.png" alt="логотип" id="logo">
            <select id="header-select">
                <option>Ростов-на-Дону</option>
                <option>Москва</option>
            </select>
            <img src="weather.png" alt="погода" id="weather">
        </div>

html, body {
    margin: 0;
    padding: 0;
    min-width: 1040px;
  }
#blackbar {
    background-color: black;
    color: white;  
    padding: 20px 0;
    font-size: 20px;
}
.fixed-container {
    width: 1000px;
    margin: 0 auto;
}
.fixed-container a {
    color: white;
}
#blackbartime {
    float: right;
}
#header {
    height: 100px;
}
#logo {
    position: relative;

}
#header-select {
    position: relative;

}
#weather {
    position: relative;
}

60a4534a47850459706991.png
  • Вопрос задан
  • 109 просмотров
Подписаться 1 Простой 3 комментария
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы