qflyalltime
小羊也疯狂
2017-04-10 14:58
采纳率: 88.4%
浏览 881

关于网页布局上的两个问题

http://www.yangkaiqiang.com/company%20website/companyWebsitePractise.html
这是我写的练习,
1.发现当浏览器宽度比较小的时候都正常,当浏览器完全打开的时候nav错位。
2.把 类nav的overflow :hidden 关闭 搜索栏错位
对于第一个问题完全没头绪,猜测与float和width有关
对于第二个问题我经过计算。300+700《=1000应该一行完全能容的下的,即使我将搜索栏宽度减小也会继续发上这种问题
求大神详细指点 chrome和Safari 最大化浏览器 出现问题
图片说明

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

6条回答 默认 最新

  • dreamStart_Lin
    dreamStart_Lin 2017-04-11 11:08
    已采纳

    把nav和nav_left的 overflow: hidden; 去掉再把nav_left的 display: inline-block; 去掉就可以了

    点赞 评论
  • devmiao
    devmiao 2017-04-10 15:56
    点赞 评论
  • showbo

    没问题吧?chrome56,Firefox39,ie测试正常,nav没有错位。
    不过ie下(IE9~IE11)你的焦点图下的新闻那3个栏目那块错开了是真的,添加display:block搞定。。
    图片说明
    还有header不要加100%,你设置了边框导致出现水平滚动条了

    
    header{
        /*width: 100%;*/
        height: 25px;
        background-color: #f5f5f5;
        border: 1px solid #e3e3e3;
    }
    main{
        height: 250px;
        width: 1000px;
        margin: 0 auto;
            display:block;/*fix IE*/
    }
    
    点赞 评论
  • dreamStart_Lin
    dreamStart_Lin 2017-04-11 11:12

    ![![图片说明](https://img-ask.csdn.net/upload/201704/11/1491909092_404935.png)图片说明](https://img-ask.csdn.net/upload/201704/11/1491909079_904977.png)图片说明

    点赞 评论
  • dreamStart_Lin
    dreamStart_Lin 2017-04-11 11:17

    图片说明

    点赞 评论
  • taoge1024
    七叶Seven 2017-04-14 05:01

    首先第一个问题,不是浏览器的兼容和大小问题,是你的浮动造成的
    图片说明
    详细解答,请看博客:你问我答-关于网页布局上的两个问题

    点赞 评论

相关推荐