文字没有上下居中，反而偏下？

Question

.nav_mid_left,.nav_mid_right{float:left;}
.nav_mid_left{width:680px;}
.nav_mid_right{width:300px;}
.nav_mid_left li {
    float:left;
    list-style-type:none;
    width:100px;
    text-align:center;
    line-height:40px;
    height:40px;
}

Answer 1

从图上来看，应该是，浮动撑开了布局， 你应该给浮动的父元素清楚浮动。

Answer 2

用谷歌浏览器调试，按F12,就很容易了，看你的图片，应该是上面的div元素超出范围了，被挤下来了。

Answer 3

ul有默认的内边距与外边距，可以将其设置为0，如下：/* .nav_mid_left是ul的话 */ .nav_mid_left {margin: 0; padding: 0;} /* .nav_mid_left是ul的上一级的话 */ .nav_mid_left ul {margin: 0; padding: 0;}

Answer 4

建议您把全部代码都放上来吧。