CSS盒子模型就是在CSS技术所使用的一种思维模型。CSS假定所有的HTML文档元素都生成一个描述该元素在HTML文档布局中所占空间的矩形元素框，可以形象地将其看作是一个盒子。通过定义一系列与盒子相关的属性，可极大地丰富和促进各个盒子乃至整个HTML文档的表现效果和布局结构。
CSS盒子模型由内容区、填充、边框和空白边四部分组成。内容区是盒子模型的中心，呈现盒子的主要信息内容；填充是内容区和边框之间的空间；边框是环绕内容区和填充的边界；空白边位于盒子的最外围，是添加在边框外周围的空间。
首先推荐你用火狐的firebug或者chrome自带的管理员工具看判断你这个按钮点击区域为什么是歪的。其次，感觉你这里的元素都text-align:center了。所以建议在学生和管理员外面的div（如果没有就加个）上加个text-align:left试试。最后，为了更好的体验，点击学生也能选中radio，radio上加个id名例如id="radio_1"，那么学生就应该用label包住，并且label加个属性for="radio_1"。这样才是最好的体验。建议多百度w3c文档看看如果是视频的话；只要去掉controls 这个参数即可，比如下面这个去掉controls就没控制条了。<video width="352" height="264" controls autobuffer>
<source src=".." type='video/mp4'></source>
</video>
