在很多網頁設計中,我們常常需要控制某些標簽位于頁面底部,這時候我們需要使用CSS來完成這項任務。下面是一個通過CSS控制標簽位于底部的例子:
html, body { height: 100%; } .container { min-height: 100%; margin-bottom: -50px; } .footer { height: 50px; clear:both; }
上面的代碼通過設置HTML和BODY的高度為100%,來使整個頁面的高度等于瀏覽器窗口的高度。接著,在容器元素上設置最小高度為100%,并將底部的邊距設置為一個負值,使得容器元素高度超出其內容高度50px。
最后,我們再為底部的標簽設置高度為50px的高度,同時清除標簽浮動。這樣,標簽就會出現在頁面的底部了。