css里盒子里字体变大盒子位置改变

#<style type=“text/css”>
#p{
height:100px;
width:400px;
background:blue;
position:fixed;
top:0px;
left:320px;
在这后面加上
font:30px“楷体”
这个代码后,盒子的位置就跑偏了一点,大概20px左右,往下。
请问这是什么问题?

把完整html发出来 。我试了一下没法复现

字体设置大了把div撑开了吧