正逢公司网站改版上线，由于经验的不足没有考虑到兼容之前浏览器的版本。
现在遇到如下问题：
http://example.liambaba.com/liambaba-laboratory/temp-dir/users_login_0...
http://example.liambaba.com/liambaba-laboratory/temp-dir/users_login_0...
大家可以看这两个页面的不同，是因为申明头部造成的。
我希望能详细的了解为什么，如果在这里你能慷慨的给出意见，对我来说是莫大的帮助~！
題主兩個頁面的
<!DOCTYPE>聲名導致了渲染模式的差異。進而導致瀏覽器載入的使用者代理樣式表(user agent stylesheet)不同。以 Chrome 舉例，
users_login_01.html的聲名為<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">，這會觸發 Chrome 採用 Standard 模式進行渲染。對應的<input>標籤的box-sizeing為content-box。而users_login_02.html錯誤的聲名了不標準的<!DOCTYPE>，Chrome 則會使用 Quirks 模式進行渲染，對應的box-sizeing為border-box。如果希望了解細節，可以查看下面的程式碼:
其實兩個頁面的差別就在 這裡
樓主的第2個方案寫錯了應該是,而不是，查了一下資料，沒看到有這樣的簡寫，所以是因為dtd寫錯了引發混雜模式，而造成盒模型錯誤。