效果圖：

HTML代碼：

CSS練習(xí)

我愛(ài)你

我愛(ài)你

我愛(ài)你

我愛(ài)你

我愛(ài)你

我愛(ài)你

我愛(ài)你

我愛(ài)你

我愛(ài)你

我愛(ài)你

我愛(ài)你

我愛(ài)你

我愛(ài)你

我愛(ài)你

我愛(ài)你

我愛(ài)你

我愛(ài)你

我愛(ài)你

我愛(ài)你

我愛(ài)你

我愛(ài)你

我愛(ài)你

我愛(ài)你

我愛(ài)你

我愛(ài)你

我愛(ài)你

我愛(ài)你

我愛(ài)你

我愛(ài)你

我愛(ài)你

我愛(ài)你

我愛(ài)你

我愛(ài)你

我愛(ài)你

我愛(ài)你

我愛(ài)你

我愛(ài)你

我愛(ài)你

我愛(ài)你

我愛(ài)你

我愛(ài)你

我愛(ài)你

我愛(ài)你

我愛(ài)你

我愛(ài)你

我愛(ài)你

我愛(ài)你

我愛(ài)你

我愛(ài)你

我愛(ài)你

我愛(ài)你

我愛(ài)你

我愛(ài)你

我愛(ài)你

我愛(ài)你

我愛(ài)你

我愛(ài)你

我愛(ài)你

我愛(ài)你

我愛(ài)你

我愛(ài)你

我愛(ài)你

我愛(ài)你

我愛(ài)你

我愛(ài)你

我愛(ài)你

我愛(ài)你

我愛(ài)你

我愛(ài)你

我愛(ài)你

我愛(ài)你

我愛(ài)你

我愛(ài)你

我愛(ài)你

我愛(ài)你

我愛(ài)你

我愛(ài)你

我愛(ài)你

我愛(ài)你

我愛(ài)你

• 全部
• 愛(ài)情
• 閑話
• 親情
• 婆媳
• 友情
• 閨蜜
• 情愛(ài)
• 健康
• 健身
• 新聞
• 八卦
• 炒股
• 廣告

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);

}

總結(jié)

以上是生活随笔為你收集整理的html漂浮在左侧不动,[CSS]CSS练习-悬浮不动侧边栏的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。