简单的浮动DIV-优快云博客

本文介绍了一个使用HTML和CSS进行页面布局的例子，展示了如何利用不同样式属性实现固定菜单栏及列表滚动效果。

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd" >
< html xmlns ="http://www.w3.org/1999/xhtml" xml:lang ="en" >
< head >
< style type ="text/css" >
body {
     margin : 0 ; /* 必须 */
     border : 0 ;
     height : 100% ; /* 必须 */
     overflow-y : auto ; /* 必须 */
     }
#menu { display : block ; top : 10px ; left : 150px ; width : 130px ; position : fixed ; } /* IE并不认识fixed，而FF认识 */
* html #menu { position : absolute ; } /* 这个只有IE认识 */

</ style >

</ head >

< body >
< div >
< ul style ="list-style-type:decimal" >
< script language =javascript >
for (i = 0 ;i < 1000 ;i ++ ) document.write( ' <li></li> ' );
</ script ></ ul >
</ div >
< div id ="menu" >
< img src ='http://www.google.com.sg/images/logo_plain.png' />
</ div >
</ body >
</ html >

转载于:https://www.cnblogs.com/OceanChen/archive/2009/06/03/1495400.html