ma bisogna scorrere per visualizzarlo sul lato in basso
Certo ma come ho indicato nel post precedente, il bordo del lato basso è creato da un elemento fisso; in sostanza hanno usato un div opportunamente dimensionato e a cui hanno applicato position:fixed e bottom:0. Fai "ispeziona" su quel bordo basso e vedi le regole CSS che sono state impostate.
Puoi notare che gli viene applicata questa regola:
codice:
.Footer .footer--border {
height: 10px;
background-color: inherit;
width: 100%;
position: fixed;
bottom: 0px;
left: 0px;
z-index: 2;
}
Il position:fixed infatti fa in modo di posizionare l'elemento in relazione alla finestra.
Chiaramente anche per il bordo alto vale la stessa cosa. Puoi notare infatti che la parte alta è stata impostata sempre come fixed.
Questa la regola che hanno usato:
codice:
.Header .header-wrapper {
background-color: var(--pmn-main-bg);
position: fixed;
left: 10px;
z-index: 300;
width: calc(100% - 20px);
top: 0;
height: 56px;
display: flex;
justify-content: space-between;
align-items: center;
}
Chiaramente qui sono state applicate varie proprietà per determinare opportunamente la dimensione e la posizione.
Nel tuo caso bisognerebbe vedere il contesto per capire come meglio puoi intervenire.
Come suggerito da Vincent.Zeno può essere utile anche applicare opportunamente il box-sizing in modo da considerare bordi e padding nel calcolo delle dimensioni.
Fai magari qualche altra prova alla luce di quanto indicato.