jsp <style>标签的位置问题导致布局混乱

目前公司的项目由多人开发,同事修改一个登陆页面出现的滚动条的bug,导致了整个登陆页面布局整体混乱

 

审查元素,发现元素的样式没有任何的问题,当前页面,同事仅加了以下这段代码

<style>
            body{
                margin:0;
                padding:0
            }
        </style>

但注释代码,但页面布局仍然混乱,注释的代码如下

<style>
            /*body{
                margin:0;
                padding:0
            }*/
        </style>

当时觉得可能是其他页面或者公共样式的修改导致影响,因此查看了svn的提交记录,但其他同事仅提交了后台和js代码,这么看来还是当前页面的问题,于是将代码回退到了上一版本,页面瞬间正常,但是对比代码,同事也就只增加了以上代码,后来全部注释,如下:

<!--<style>
            body{
                margin:0;
                padding:0
            }
        </style>-->

页面也能正常显示,后来发现,同事css代码位置的问题导致的,代码如下:

<!--<style>
            body{
                margin:0;
                padding:0
            }
        </style>-->
<!DOCTYPE html>
<html>

将其放在正确位置,则不会出现此bug

 

posted @ 2018-08-15 09:40  随意滴博客  阅读(1344)  评论(0编辑  收藏  举报