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