在学前端的时候,和老师一模一样的代码,但那个“输入关键词”的输入框样式就是和老师的不一样。懵逼之中发现多了个用户代理样式表,给整成了border-box,box-sizing默认是content-box。

 

 

 

在网上苦苦寻找关闭掉它的答案,就是找不到,最终我去google,猜猜我发现了什么?

 

 

156也说了:If <!DOCTYPE> is missing in your HTML content you may experience that the browser gives preference to the "user agent stylesheet" over your custom stylesheet. Adding the doctype fixes this.

按照这几位国际友人说的,我去检查了老师的代码,果然开头有一句

<!DOCTYPE html>

 

 

 

把这一句也复制到我的代码里

 

刷新,输入框的样式正确了,右下角的box-sizing也没了。

 

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐