親要素：
header {
width:100%;
height: 5rem;
margin:0 auto;
/*position: fixed;*/
background-color: #fff;
/*text-align: right;*/
display: flex;
justify-content: flex-end;
}
そのなかの子要素：
#top_bar{
width:600px;
background-color: #fff;
position:fixed;
left:auto;
top:0;
margin:0;
text-align:right;
padding-bottom: 0.3rem;
border-bottom: 1px solid #ccc;
}
のとき、この固定headerが、画面下側にあるtableの下に入り込み、
文字が重なる
↓
#top_barに
z-index: 9999;
を追加。
解決しました。
