jsp页面在IE8下文本模式自动为“杂项（Quirks）”导致页面显示错位

最近在修改网站的响应式的页面时，由于都是套样式页面，修改过程都是粘贴复制，导致了一些细节问题在IE8下暴露出来：

遇到的问题就是在在Chrome，火狐页面都正常，唯独在IE8下页面样式显示乱样了，但是本地就显示正常，Tomcat缓存也清楚了，再加上自己也是个小白，周末平静了一天半终于找到问题的源头了，其实解决办法也很简单，如图：

我最初是将小脚本写在文档都上方的，但是在IE8浏览文本模式默认就编程了“Quirks”模式，显示不正常，后来改成了写在文档头下方就可以正常显示了，经过这次吸取了教训，也希望给遇到此类问题的同学一个借鉴的灵感！