Как прижать блок к navbar?

Question

[cb7777]

Как прижать блок (красный) к navbar ?

.main-statement{
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}
.header-statement{
	position: fixed;
	top:60px;
	height:150px;
	width: 100%;
	background: red;
}
.content-statement{
	top:150px;
	bottom: 0;
	position: relative;
	height: 100%;
}

при прокрутки страницы контент налезает на панель, сделал z-index чтобы панель была по верх контента, тогда при изменении ширины страницы когда контент не помещается в navbar лезет под панель, а что на панели налезает на контент и часть контента скрывается. как пофиксить?

Answer 1

[cb7777]

.main-statement{
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}
.header-statement{
	position: -webkit-sticky;
	position: sticky;
	left: 0%;
	right: 0%;
	top:0%;
	bottom: auto;
	z-index: 100;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	width: 100%;
	background-color: hsla(0, 0%, 100%, 1);

}
.content-statement{
	position: relative;
	z-index: 99;
}