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);
}
總結
以上是生活随笔為你收集整理的html漂浮在左侧不动,[CSS]CSS练习-悬浮不动侧边栏的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： android 自启动列表,Androi
- 下一篇： html中autocomplete无效,