修改一下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 Responses to “修改一下CSS”


Comments are currently closed.