CSS 固定在網頁上方或下方的語法

December 3, 2014

CSS 固定在網頁上方或下方的語法

網頁語言 » CSS | 閱覽(6340) | Posted by apao at 14:45

固定在上方的寫法

<html>
<head>

<style type='text/css'>
#bTop{ position:fixed; top:0px;}
</style>

</head>
<body>

<div id="bTop">
這裡是 bTop !!!
</div>

</body>
</html>

備註：上方會有少了與#bHeader 相同空間。

固定在下方的寫法

<html>
<head>

<style type='text/css'>
#bFooter { position:fixed; bottom:0px; }
</style>

</head>
<body>

<div id="bFooter">
這裡是 bFooter !!!
</div>

</body>
</html>

備註：下方會少了與#footer 相同空間。

參考網頁：
http://goo.gl/ogSrPu