почему не отображается верхний край поля?

почему margin-top: 20px; в нижнем колонтитуле не работает? в чем причина этого?

 #main {margin: 0 auto;  ширина: 960 пикселей;  } #left {float: left;  граница: сплошной красный 1px;  ширина: 300 пикселей;  поле справа: 10 пикселей;  высота: 500 пикселей;  } #right {float: right;  граница: сплошной зеленый 1px;  ширина: 500 пикселей;  высота: 500 пикселей;  } #footer {ясно: оба;  маржа сверху: 20 пикселей;  граница: сплошной лайм 1px;  высота: 200 пикселей;  } 
 
7
задан connexo 7 July 2019 в 05:41
поделиться

1 ответ

Решение довольно хорошо как из вышеупомянутых решений текст, они пишут на странице, если выбрано затем его видимое пользователю так: HTML:

<section id="main">
        <div>
            <div class="box">
                <img src="./img/myPhoto.jpg">
            </div>
            <div class="box">
                <img src="./img/myPhoto.jpg">
            </div>
            <div class="box">
                <img src="./img/myPhoto.jpg">
            </div>
        </div>
    </section>
    <div class="temp">c</div>
    <footer>
        <p>Hello Copyright &copy; 2019</p>
    </footer>

CSS:

.box{
    float: left;
    width: 33%;

}

.temp{
    clear: both;
    margin-top: 20px;
    visibility: hidden;
}
footer p{
    clear: left;
    text-align: center;
    background-color: yellow;
}
0
ответ дан 7 December 2019 в 01:00
поделиться