2021-03-16记录我的网页“艰辛”旅程

今天吃完饭,跟着b站上的一位老师敲demo——做一个拼多多的网页出来

一步一步的,跟着敲,过程中也没有运行网页查看进程

最后敲完以后,我以为我打开以后是这样的


或者是这样的


结果,是这样的!!!!

------------------------------------------边界-----------------------------------------------------

可能对看不清边界线在哪里,因为我设置的导航栏也是白色

惊呆到下巴砸地三尺

wtf???

我先记录以下此刻极度震惊的心情,如果有解决办法,我再回来更新。

解决方案:

首先排除了html代码的错误


只有html代码的时候

接着我就检查了css代码

我发现一旦设置了导航栏这个类,就会遮住只有html代码显示出来的东西,

类似于这样

------------------------------我是一条没有感情的边界线------------------------------------------------------

仔细看,上面导航栏部分遮住了图标

于是,我忽然灵光一现,div不就是可以分区操作吗,既然导航栏这个div挡住了html代码的内个div,那是不是因为两个div重复了?或者可以合并为一个呢?于是我便仔细检查了一下,果不其然


绿色的是我设置的导航栏的div,红圈的是写导航栏html代码的div

错误就是因为:

本来是应该是一个div,就是装有导航栏html代码的内个div,但是我却写成了两个div,而且class都是box。所以才会出现之前的那种情况。

只要把下面这个div删掉就好啦

这样

仔细看,删掉了一个div

ok,大功告成!!

展示一些我的成果:

哈哈哈哈哈哈做出来了!!!!

总结,今天跟练没有花费多长时间,主要就是自己不注意小的细节,所以才会被一个div打倒。其实web前端并不会出现很多运行时的错误,所以仔细找一定就是因为代码的一个小点,出了错。在写代码的时候勤运行,多检测,是最好的选择,不要想着等到最后一口气看成果。我就是从这里成长了一点!

哈哈,睡觉!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 网页主要内容 UX Team 主页,访问对象为公司内部同事。主页主要用来展示三个内容入口:Project,Desi...
    粥一阅读 4,829评论 5 1
  • 今天感恩节哎,感谢一直在我身边的亲朋好友。感恩相遇!感恩不离不弃。 中午开了第一次的党会,身份的转变要...
    余生动听阅读 13,585评论 0 11
  • 彩排完,天已黑
    刘凯书法阅读 9,754评论 1 3
  • 没事就多看看书,因为腹有诗书气自华,读书万卷始通神。没事就多出去旅游,别因为没钱而找借口,因为只要你省吃俭用,来...
    向阳之心阅读 10,245评论 3 11
  • 表情是什么,我认为表情就是表现出来的情绪。表情可以传达很多信息。高兴了当然就笑了,难过就哭了。两者是相互影响密不可...
    Persistenc_6aea阅读 126,921评论 2 7