html漂浮在左侧不动,[CSS]CSS练习-悬浮不动侧边栏

效果图：

HTML代码：

CSS练习

我爱你

我爱你

我爱你

我爱你

我爱你

我爱你

我爱你

我爱你

我爱你

我爱你

我爱你

我爱你

我爱你

我爱你

我爱你

我爱你

我爱你

我爱你

我爱你

我爱你

我爱你

我爱你

我爱你

我爱你

我爱你

我爱你

我爱你

我爱你

我爱你

我爱你

我爱你

我爱你

我爱你

我爱你

我爱你

我爱你

我爱你

我爱你

我爱你

我爱你

我爱你

我爱你

我爱你

我爱你

我爱你

我爱你

我爱你

我爱你

我爱你

我爱你

我爱你

我爱你

我爱你

我爱你

我爱你

我爱你

我爱你

我爱你

我爱你

我爱你

我爱你

我爱你

我爱你

我爱你

我爱你

我爱你

我爱你

我爱你

我爱你

我爱你

我爱你

我爱你

我爱你

我爱你

我爱你

我爱你

我爱你

我爱你

我爱你

我爱你

• 全部
• 爱情
• 闲话
• 亲情
• 婆媳
• 友情
• 闺蜜
• 情爱
• 健康
• 健身
• 新闻
• 八卦
• 炒股
• 广告

CSS代码:

*{

margin:0px;

padding:0px;

}

#para{

display:block;

width:100px;

text-align:center;

font:bold 16px 宋体;

margin:0px auto;

}

#listtab{

position:fixed;

left:50%;

top:115px;

width:61px;

margin-left:500px;

height:370px;

background-image:url(back.png);

background-position:0px -56px;

background-repeat:no-repeat;

padding-top:33px;

}

#listtab ul li{

display:list-item;

width:56px;

height:23px;

text-align:center;

list-style:none;

font-size:12px;

color:rgb(49,90,170);

font-family:宋体;

line-height:23px;

text-decoration:none;

margin-left:5px;

}

.listout{

background-color:rgb(245,245,245);

}

.listhover{

background-image:url(back.png);

}