nav部分有问题

来源:3-4 企业网站制作之导航部分制作(一)

Myoung0

2017-02-03 12:18

http://img.mukewang.com/5894040f0001f79d04450269.jpg我nav左部就是这样 按照老师一模一样打的 我发现我修改logo-left的width(值变小)值时 nav左边的图片才能往左移动一点

写回答 关注

3回答

  • 平_piero
    2017-02-22 18:45:55
    已采纳

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

  • 平_piero
    2017-03-01 16:00:26

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

    平_pier... 回复刘颜

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

    2017-03-02 21:22:14

    共 2 条回复 >

  • qq_真空领域_0
    2017-02-04 11:22:33

    亲,,你可不可以把代码贴出来呀,,这么看是看不出来的,,也许和老师的代码有细微的不同就会出现错误的。。

企业网站综合布局实战

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

157042 学习 · 1984 问题

查看课程

相似问题