                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /企业网站综合布局实战

解决nav部分占两行的问题

nav部分占两行的问题原因：img作为内联元素，会和文字一样具有行高和字号属性，默认对齐baseline.通过截图可以看到，nav部分实际高是83px>80px，溢出了。解决方案有以下四种（根据情况任选其一）： 1、.logo加上overflow:hidden; 2、.logo_left img 设置display:block; 3、.logo_left img 设置vertical-align:middle/bottom/top 都可以。 4、.logo_left 设置 font-size:0; 参考答案：https://www.zhihu.com/question/21558138

一个好学生2015

2016-04-19

源自：企业网站综合布局实战 3-4

关注问题我要回答

754

操作

收起

3 回答

繁星鸢尾
2016-06-12

已经弄明白了！几种方法确实是对的！谢谢你~

0 回复有任何疑惑可以回复我~

繁星鸢尾
2016-06-12

几种方法都试过了，都变成了

0 回复有任何疑惑可以回复我~

隆先生
2016-04-19

nav部分占两行的问题原因：img作为内联元素，会和文字一样具有行高和字号属性，默认对齐baseline.通过截图可以看到，nav部分实际高是83px>80px，溢出了。解决方案有以下四种（根据情况任选其一）： 1、.logo加上overflow:hidden; 2、.logo_left img 设置display:block; 3、.logo_left img 设置vertical-align:middle/bottom/top 都可以。 4、.logo_left 设置 font-size:0; 参考答案：https://www.zhihu.com/question/21558138

2 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

企业网站综合布局实战

参与学习 157043 人
解答问题 1985 个

本课程重点介绍HTML/CSS实现常见企业网站布局的方法

本课相似问答

3 回答设置nav left nav right 之后撑开的部分都占据一行了

3 回答nav部分有问题

1 回答焦点图部分loading动图怎么解决兼容问题？

2 回答表头部分问题

1 回答有关logo和nav的问题

搜索更多本课相关问答

解决nav部分占两行的问题

我要回答关注问题

意见反馈帮助中心 APP下载