缩放页面导致Div成绩单布局错位问题求助

我被分配了一个用div制作成绩单的任务，这是我首次使用inline CSS完成项目。

页面缩放时会出现布局错位问题：

• 100%缩放时显示正常：
• 110%缩放时布局错位：
• 125%缩放时布局错位：
• 90%缩放时布局错位：

我怀疑是像素计算错误或remarks div的float属性导致问题，但一直没找到具体原因，希望能得到帮助。

内容的提问来源于stack exchange，提问作者Ali Naqi