色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

div+css布局全窗口

CSS
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>我的網(wǎng)頁(yè)</title> <style type="text/css"> * { margin: 0; padding: 0; } html,body { height: 100%; width: 100%; overflow: hidden; } #container { width: 100%; height: 100%; position: relative; } #header { height: 100px; position: absolute; top: 0; left: 0; width:100%; background-color: #ccc; } #main { min-height: 100%; padding-bottom: 50px; box-sizing: border-box; position: relative; margin-top: 100px; } #footer { height: 50px; position: absolute; bottom: 0; left: 0; width: 100%; background-color: #ccc; } </style> </head> <body> <div id="container"> <div id="header"></div> <div id="main"></div> <div id="footer"></div> </div> </body> </html>上述代碼中，*選擇器設(shè)置了所有元素的外邊距和內(nèi)邊距為0，使得各元素緊貼邊緣顯示。 然后，用html和body元素設(shè)置了全屏顯示，并設(shè)置了overflow: hidden，以隱藏滾動(dòng)條。使用#container來(lái)包圍各個(gè)元素，并設(shè)置其position: relative。 此時(shí)，#header和#main的相對(duì)定位將相對(duì)于#container定位。其中#header的高度為100px，定義了固定高度，而#main使用min-height: 100%來(lái)保證最小高度為100%，并設(shè)置了padding-bottom: 50px，以留出#footer的位置。#footer的高度為50px。 最后，在CSS中設(shè)置各元素的背景顏色，即可實(shí)現(xiàn)全窗口顯示的布局。 總的來(lái)說(shuō)，使用DIV+CSS布局全窗口是能夠輕松實(shí)現(xiàn)網(wǎng)頁(yè)全屏顯示的一種好方法。它的優(yōu)點(diǎn)是布局簡(jiǎn)單、清晰、易于維護(hù)，可靠性高。在實(shí)現(xiàn)網(wǎng)頁(yè)全屏顯示的同時(shí)，也能夠增強(qiáng)用戶(hù)體驗(yàn)和設(shè)計(jì)效果，更好地為用戶(hù)提供服務(wù)。