DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> CSS實現懸浮頂部的Div工具欄
CSS實現懸浮頂部的Div工具欄
編輯:CSS詳解     

純CSS實現一個懸浮於網頁頂部的菜單欄,其實可以放一些通知欄或登錄框之類的,不受網頁滾動條的限制,始終顯示在網頁最上方。CSS代碼:

vIEw source print? 01 <!DOCTYPE Html PUBLIC "-//W3C//DTD XHtml 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xHtml1-strict.dtd"> 02 <Html XMLns="http://www.w3.org/1999/xHtml"> 03 <head> 04 <meta http-equiv="Content-Type" content="text/Html; charset=gb2312" /> 05 <title>CSS頂部固定代碼</title> 06 <style type="text/CSS"> 07 /*<![CDATA[*/ 08 body {font:15px "微軟雅黑";margin:0padding:0 10px 0 10pxborder:0height:100%overflow:auto;} 09 #menu {right:0top:0width:100%position:fixedpadding:10pxtext-align:centerfont-weight:bold;background:#ccc;} 10 * Html #menu {position:absoluteright:16pxtop:0;}/*only for IE*/ 11 Html {overflow:auto !importantoverflow:hidden;} 12 /*]]>*/ 13 </style> 14 </head> 15 <!-- --> 16 <body id="" class=""> 17 <div > 18 <div style=" height:890px;"> </div> 19 <div id="menu">源碼愛好者提供編程源碼、網站源碼、網頁素材、書籍教程、網站模板、網頁特效代碼等,做有質量的學習型源碼下載站。 20 </div> 21 </div> 22 </body> 23 </Html>
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved