jsp <style>標簽的位置問題導致布局混亂

阿新 • • 發佈：2018-08-15

項目 com 出現 spa jsp doctype 回退圖片 --

目前公司的項目由多人開發，同事修改一個登陸頁面出現的滾動條的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

jsp <style>標簽的位置問題導致布局混亂

項目 com 出現 spa jsp doctype 回退圖片 -- 目前公司的項目由多人開發，同事修改一個登陸頁面出現的滾動條的bug，導致了整個登陸頁面布局整體混亂審查元素，發現元素的樣式沒有任何的問題，當前頁面，同事僅加了以下這段代碼 <style&g