今天吃完飯藐守,跟著b站上的一位老師敲demo——做一個(gè)拼多多的網(wǎng)頁(yè)出來(lái)
一步一步的荸频,跟著敲留晚,過(guò)程中也沒(méi)有運(yùn)行網(wǎng)頁(yè)查看進(jìn)程
最后敲完以后,我以為我打開(kāi)以后是這樣的
或者是這樣的
結(jié)果扒最,是這樣的3笄凇!0扇ぁ法竞!
------------------------------------------邊界-----------------------------------------------------
驚呆到下巴砸地三尺
wtf强挫?岔霸??
我先記錄以下此刻極度震驚的心情俯渤,如果有解決辦法呆细,我再回來(lái)更新。
解決方案:
首先排除了html代碼的錯(cuò)誤
接著我就檢查了css代碼
我發(fā)現(xiàn)一旦設(shè)置了導(dǎo)航欄這個(gè)類(lèi)八匠,就會(huì)遮住只有html代碼顯示出來(lái)的東西絮爷,
類(lèi)似于這樣
------------------------------我是一條沒(méi)有感情的邊界線(xiàn)------------------------------------------------------
于是梨树,我忽然靈光一現(xiàn)略水,div不就是可以分區(qū)操作嗎,既然導(dǎo)航欄這個(gè)div擋住了html代碼的內(nèi)個(gè)div劝萤,那是不是因?yàn)閮蓚€(gè)div重復(fù)了?或者可以合并為一個(gè)呢慎璧?于是我便仔細(xì)檢查了一下床嫌,果不其然
錯(cuò)誤就是因?yàn)椋?/b>
本來(lái)是應(yīng)該是一個(gè)div胸私,就是裝有導(dǎo)航欄html代碼的內(nèi)個(gè)div厌处,但是我卻寫(xiě)成了兩個(gè)div,而且class都是box岁疼。所以才會(huì)出現(xiàn)之前的那種情況阔涉。
只要把下面這個(gè)div刪掉就好啦
這樣
ok,大功告成!!
展示一些我的成果:
總結(jié)崇渗,今天跟練沒(méi)有花費(fèi)多長(zhǎng)時(shí)間,主要就是自己不注意小的細(xì)節(jié)京郑,所以才會(huì)被一個(gè)div打倒宅广。其實(shí)web前端并不會(huì)出現(xiàn)很多運(yùn)行時(shí)的錯(cuò)誤,所以仔細(xì)找一定就是因?yàn)榇a的一個(gè)小點(diǎn)些举,出了錯(cuò)跟狱。在寫(xiě)代碼的時(shí)候勤運(yùn)行,多檢測(cè)户魏,是最好的選擇驶臊,不要想著等到最后一口氣看成果。我就是從這里成長(zhǎng)了一點(diǎn)绪抛!
哈哈资铡,睡覺(jué)!