CSS可以讓網(wǎng)頁內(nèi)容貼邊,讓頁面看起來更加緊湊和整潔。下面介紹兩種實(shí)現(xiàn)的方法:
方法一: html, body { margin: 0; padding: 0; } .container { width: 100%; height: 100%; position: relative; } .content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } 以上代碼將整個(gè)頁面(即html和body標(biāo)簽)的margin和padding設(shè)置為0,然后放置一個(gè)容器(即.container類),這個(gè)容器的寬度和高度設(shè)置為100%,并且相對(duì)定位。然后將要貼邊的內(nèi)容(即.content類)絕對(duì)定位,寬度和高度都為100%,并且上下左右都與父容器保持距離為0,這樣就能實(shí)現(xiàn)內(nèi)容貼邊的效果了。 方法二: html, body { margin: 0; padding: 0; } .content { width: 100vw; height: 100vh; } 以上代碼與方法一的作用相同,都是將整個(gè)頁面的margin和padding設(shè)置為0。不同的是,這里要貼邊的內(nèi)容直接設(shè)置為100vw寬度和100vh高度,這樣就能實(shí)現(xiàn)內(nèi)容貼邊的效果了。