サイドパネルのフローティング化css書けました
>>536,540さん、アドバイスありがとうございました

サイドパネルのコンテンツを板パネルと同じ幅に調整すると、ホバー時にちょうど板パネルが隠れていい感じになります

例：サイドパネルのコンテンツ幅250px
//サイドパネルフローティング化
#contents {
width: calc(100vw + 249px);
}
#panelPane:hover {
z-index: 2;
}
.panel-buttons {
z-index: 1;
}
#panelPane 〜 ＊ {
position: relative;
right: 251px;
}
#header,
#footer {
width: 100vw;
}
半角だと書き込めなかったので、〜と＊は半角にしてください

副産物で、サイドパネル隠すと板パネルも隠れてスレパネルのみ表示されます（板パネルとサイズ揃えた場合）
※幅を揃えるときはこのcss未適用でないと、サイドパネルの幅が板パネルより狭いとき調整できません