修改一下CSS

修改了本博客頂部CSS代碼。

原來的模版頂部導航條代碼:

navi區塊放置 ul 無序列表

CSS:

#topbar {
background: #83C21F;
width: 100%;
height: 50px;
border-bottom: 5px solid #A2D157;
margin-bottom: 8px;
}

#navi {
width: 770px;
margin: 0px auto;
text-align: center;
line-height: normal;

偶在頂部導航條右邊加了一個導航菜單
Div塊放在 topbar 和 navi之間:

給custom1 設置為 float:right ;
但設置後這塊並沒有與navi塊對齊。

我想可能由於 navi塊沒有設置 float:left。
如果要改的話:

在Topbar加上 text-align:center ;
把navi改為 width:660px ; float:left
把加上去的導航欄改為 width:110px ;float:right

(兩個寬度之和必須為770px)

這樣應該可以。

偶是用了另一種方式:
把 custom1的樣式設置為以下:

#custom1 {
float:right;
margin: -10px 0px 0px 0px;
border: 0px;
padding: 0px ;
}

越過上方邊界縮進10px

沒有對齊,但效果還行。
IE6,7, FireFox1.5 ,2.0顯示效果一致。

3 Replies to “修改一下CSS”

Comments are closed.