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

nav部分有问题

我nav左部就是这样按照老师一模一样打的我发现我修改logo-left的width（值变小）值时 nav左边的图片才能往左移动一点

Myoung0

2017-02-03

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

关注问题我要回答

873

操作

收起

2 回答

平_piero 回答被采纳 +3 积分
2017-02-22

LOGO 部分有溢出，在.logo 里面添加属性 overflow:hidden 就可以了，下次遇到这种无法浮动的情况，去考虑是否有溢出就可以解决了

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

收起回答

平_piero
2017-03-01

额，我的代码没保存，就是在CSS里面添加一句 .logo{ overflow:hidden} 就行了，按照老师的写法是不行的，关于溢出的那部分他直接忽略了，也不知道是不是用的素材尺寸和我们的不一样

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

收起回答

刘颜

我试过了确实是加了Overflow就可以了，但是为什么加overflow就可以了？

2017-03-01 回复有任何疑惑可以回复我~

平_piero 回复刘颜

overflow属性是对溢出内容的控制，logo这张图片的实际大小比我们规定的盒子大小要大，虽然我们看不到，但是图片实际还是占据了空间的，所以在下面的文本使用float属性时会由于有空间被占据而被挤到下一行，这时候我们就需要用overflow将溢出的部分清理掉，overflow:hidden 就是将溢出的内容隐藏从界面中移除。希望这个解释你能理解。另外建议不要光看慕课网的视频，学习的时候结合w3school效果会比较好~

2017-03-02 回复有任何疑惑可以回复我~