一个bug

  今天,发现一个有趣的bug,问题是这样的,页面没有有设置宽高,而且没有浮动,但是一个div的文字却跑到其他div里面,而这个div里面的元素的大小和盒子完全匹配,,但是却没有占满盒子。我习惯性的直接打开浏览器的控制台,发现没有任何的问题。

  历经几十分钟挣扎的时候,才回到编辑器里面看了代码少了匹配的双标签,才导致整个盒子和内容,还有其他合作的内容混乱,这是因为浏览器会知道补成没有写完整的双标签,导致不匹配。

  总结:代码要养成意义话,解析,让代码看起来结构话,方便其他人阅读,方便查找错误。第二点,不能只依赖一种方式找bug,如果自己对于浏览器生成的最终页面不知道过程,就不会发现问题所在,这是可以结合源代码找bug。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 28,583评论 1 45
  • 本文翻译自 http://www.amibug.com/iamabug/p01.html 非常有趣,同时能够学习到...
    豪哥的世界阅读 2,474评论 0 9
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,022评论 1 92
  • 学会使用CSS选择器熟记CSS样式和外观属性熟练掌握CSS各种选择器熟练掌握CSS各种选择器熟练掌握CSS三种显示...
    七彩小鹿阅读 6,424评论 2 66
  • treeData必须是简单格式的array, 不包含__proto__
    web_柚子小记阅读 4,202评论 0 0

友情链接更多精彩内容