No caso cabeçalho e rodapé do navegador sei que é possível nas configurações:

Mas vi uma resposta no SO
dizendo que esse css
surtiria efeito:
@page
{
size: auto; /* auto is the initial value */
margin: 0mm; /* this affects the margin in the printer settings */
}
Fonte:
https://stackoverflow.com/questions/8228088/remove-header-and-footer-from-window-print
Caso esteja falando de um Header ou footer criado por você:
Você pode fazer isso utilizando display
: none
;
A propriedade CSS display
especifica o tipo de caixa de renderização usada por um elemento.
Display com valor none
:
Desabilita a exibição do elemento (sem afetar o layout); todos os elementos filhos também tem sua exibição desabilitada.
@media print{
#noprint{
display:none;
}
}
@page{
size: auto;
margin: 0mm;
}
<div id="noprint">
Elemento que será ocultado na impressão...
</div>