Как сделать чтобы блок подстраивался под содержимое?

Question

[Egorian]

В этом коде main принимает высоту h1, а something как будто выпадает из блока. Как сделать чтобы блок автоматически подстраивался под содержимое

<div id="main">
        <h1>.......</h1>
    <ul id="something">
<li><img></li>
<li><img></li>
<li><img></li>
<li><img></li>
    </ul>
    </div>
#main h1{
text-align: center;
padding: 0;
height:10%;
font-size: 3vw;
}
#something img{
    position: relative;
    width: 100%;
    height: auto;
    
}

#main{
height: auto;
}
#something{
    height: 90%;
    position: relative;

    width: 100%;
    list-style: none;
}

Comments

[Ankhena]

Вы хотите, чтобы блок подстраивался под содержимое, но задаете ему фиксированную ширину и высоту. В чем логика?
Это намек.

Answer 1

[Андрей Федоров]

#something выпадает из потока потому что ему дано свойство position. Прежде чем его применять изучите теорию