Html 剖面中内联区块导航列表的垂直对齐_Html_Css_Vertical Alignment

Html 剖面中内联区块导航列表的垂直对齐

html css

Html 剖面中内联区块导航列表的垂直对齐,html,css,vertical-alignment,Html,Css,Vertical Alignment,我是html和css的begginer，我正在基于我的psd项目构建我的第一个网站，我刚刚开始制作，一个问题也解决不了 *， *：之前， *：之后{ -webkit框大小：边框框； -moz框大小：边框框；框大小：边框框； } .电网{ 保证金：0自动；宽度：960px； } .主标题{ 位置：相对位置；背景色：#fff；高度：85px； } .标志{ 位置：绝对位置；顶部：29px； } .主导航{ 字体大小：12px；字号：700；字母间距：.5px；文本转换：大写； }

我是html和css的begginer，我正在基于我的psd项目构建我的第一个网站，我刚刚开始制作，一个问题也解决不了

*，
*：之前，
*：之后{
-webkit框大小：边框框；
-moz框大小：边框框；
框大小：边框框；
}
.电网{
保证金：0自动；
宽度：960px；
}
.主标题{
位置：相对位置；
背景色：#fff；
高度：85px；
}
.标志{
位置：绝对位置；
顶部：29px；
}
.主导航{
字体大小：12px；
字号：700；
字母间距：.5px；
文本转换：大写；
}
.导航{
文本对齐：右对齐；
}
李国荣先生{
显示：内联块；
垂直对齐：顶部；
利润率：0.30px；
填充：11px 30px；
}
李海军：悬停{
边框：1px实心#333；
边界半径：5px；
背景色：#333；
颜色：#fff；
}
李海军：最后一个孩子{
右边距：0；
}
边框：1px实心#333；
边界半径：5px；
背景色：#333；
垫底：10px；
颜色：#fff；
}
李海军：最后一个孩子{
右边距：0；
}



哦，菲尔米
奥弗塔
实现
康塔克

在我的机器上，数字1在IE11上呈现良好。显示11px

填充顶部

和

-底部

。因此，这是工作，因为它应该。也许这不是我想要的

数字2是由UL上的边距引起的，它是

12px

.nav ul {
      margin-top: 0px;
}

数字3是由悬停时添加的边框引起的。您需要使用额外的填充或将透明边框设置为

nav.li

.nav li {
  display: inline-block;
  vertical-align: top;
  margin: 0 30px;
  padding: 11px 30px;
  border: 1px solid transparent;
}

对于#1，尝试将
```
.nav li
```
上的填充从
```
填充：11px 30px
```
减少到
```
填充：5px 30px
```
对于#2，在你的.logo上添加一个
```
float:left
```
，并移除
```
位置：absolute
```

对于#3，删除

上的边框：1px实心#333
。导航li:hover

padding: 11px 30px;

border:1px solid #333;
border-radius:5px;
background-color:#333;
padding-bottom:10px;
color:#fff;
}