今天吃完饭,跟着b站上的一位老师敲demo——做一个拼多多的网页出来
一步一步的,跟着敲,过程中也没有运行网页查看进程
最后敲完以后,我以为我打开以后是这样的
或者是这样的
结果,是这样的!!!!
------------------------------------------边界-----------------------------------------------------
惊呆到下巴砸地三尺
wtf???
我先记录以下此刻极度震惊的心情,如果有解决办法,我再回来更新。
解决方案:
首先排除了html代码的错误
接着我就检查了css代码
我发现一旦设置了导航栏这个类,就会遮住只有html代码显示出来的东西,
类似于这样
------------------------------我是一条没有感情的边界线------------------------------------------------------
于是,我忽然灵光一现,div不就是可以分区操作吗,既然导航栏这个div挡住了html代码的内个div,那是不是因为两个div重复了?或者可以合并为一个呢?于是我便仔细检查了一下,果不其然
错误就是因为:
本来是应该是一个div,就是装有导航栏html代码的内个div,但是我却写成了两个div,而且class都是box。所以才会出现之前的那种情况。
只要把下面这个div删掉就好啦
这样
ok,大功告成!!
展示一些我的成果:
总结,今天跟练没有花费多长时间,主要就是自己不注意小的细节,所以才会被一个div打倒。其实web前端并不会出现很多运行时的错误,所以仔细找一定就是因为代码的一个小点,出了错。在写代码的时候勤运行,多检测,是最好的选择,不要想着等到最后一口气看成果。我就是从这里成长了一点!
哈哈,睡觉!