1.全屏的原理是什么?2.C店二級(jí)頁(yè)面和首頁(yè)在結(jié)構(gòu)上有什么區(qū)別呢?
首先看第一個(gè)問題:如何全屏? 在CSS定位中,絕對(duì)定位(absolute)能夠突破父級(jí)元素溢出隱藏(overflow:hidden)的限制,脫離文檔流而顯示出來。所以我們經(jīng)常做全屏的原理,就是使用絕對(duì)定位屬性來制作,非常簡(jiǎn)單,我的課程中也講過很多遍了。
但是,有一種情況,絕對(duì)定位是不能夠突破父級(jí)元素的限制的。 也就是1.父級(jí)元素有定位 2.父級(jí)元素設(shè)置了寬度 3.父級(jí)元素設(shè)置了溢出隱藏 ,當(dāng)這三個(gè)限制因素同時(shí)存在的時(shí)候,絕對(duì)定位就無能為力了。這也就是為什么頁(yè)頭無法突破150px高和C店二級(jí)頁(yè)面不能全屏的原因。
那我們現(xiàn)在來看一下,C店首頁(yè)和二級(jí)頁(yè)面的區(qū)別。
首頁(yè)
可以很明顯看到,首頁(yè)和二級(jí)頁(yè)面都有相對(duì)定位和溢出隱藏,不同的地方是,首頁(yè)的寬度是100%;而二級(jí)頁(yè)面的寬度950px。
看到這里,大家應(yīng)該明白C店二級(jí)頁(yè)面為什么不能全屏了吧?
當(dāng)然天貓店鋪的首頁(yè)和二級(jí)頁(yè)的寬度都是100%,所以都可以全屏。
那如果需要C店二級(jí)頁(yè)面全屏的話,只需要將C店二級(jí)頁(yè)面的寬度改成100%就可以了。如下圖
樂發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購(gòu)進(jìn)貨渠道。超市進(jìn)貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購(gòu)信息和超市加盟信息.打造國(guó)內(nèi)超市采購(gòu)商與批發(fā)市場(chǎng)供應(yīng)廠商搭建網(wǎng)上批發(fā)市場(chǎng)平臺(tái),是全國(guó)批發(fā)市場(chǎng)行業(yè)中電子商務(wù)權(quán)威性網(wǎng)站。
本文內(nèi)容整合網(wǎng)站:百度百科、知乎、淘寶平臺(tái)規(guī)則
本文來源: 解釋淘寶店鋪二級(jí)頁(yè)面如何使用全屏