What height will the <div> have with the wrapper class, if the following HTML markup and external stylesheet are given below:

HTML – markup:

<div class="wrapper">
      <div class="block1">
      </div>
      <div class="block2">
      </div>
 </div>

CSS – rules:

.wrapper
        {
            width: 300px;
            overflow: hidden;
        }
        .block1
        {
            margin: 50px 0;
            height: 100px;
        }
        .block2
        {
            margin: 50px 0;
            height: 100px;
        }  
Explanation
For elements located in a normal flow, vertical margins are "collapsed" - the distance between elements is equal to the larger of the values ​​of adjacent margins, rather than their sum.

For adjacent floating elements, the margins are added together.

Следи за CodeGalaxy

Мобильное приложение Beta

Get it on Google Play
Обратная Связь
Продолжайте изучать
тесты по HTML & CSS
Cosmo
Зарегистрируйся сейчас
или Подпишись на будущие тесты