Bom, eu não sei que titulo hei-de dar a pergunta, portanto se alguém desejar editar eu aceito.
Eu tenho o seguinte esquema:
Pretendo fazer com a div itemsatuais, tenha aquela largura limitada, mas que as divs, que estejam por dentro, ou seja as divs item, assim que chegam ao limite de divs, que cabem dentro da div desapareçam. Ou seja suponhemos que só cabem 10 divs, lá dentro e no código estão 14. Só aparecem 10.
Como poderei fazer isso?
Meu código:
HTML:
<div class="itemsatuais">
<div class="item">
</div>
<div class="item">
</div>
<div class="item">
</div>
<div class="item">
</div>
<div class="item">
</div>
<div class="item">
</div>
<div class="item">
</div>
<div class="item">
</div>
<div class="item">
</div>
<div class="item">
</div>
<div class="item">
</div>
<div class="item">
</div>
<div class="item">
</div>
<div class="item">
</div>
</div>
CSS:
.itemsatuais{
background-color:#263238;
width:95%;
display:flex;
justify-content:10px;
height:16%;
margin-top:8%;
margin-left:2.5%;
position:absolute;
}
.item{
width:100px;
border-style: solid;
margin-left:10px;
}
Obrigado!
overflow: hidden
em.itemsatuais
?