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

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

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

http://bbs.csdn.net/topics/390904783

没问题吧？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*/
}

首先第一个问题，不是浏览器的兼容和大小问题，是你的浮动造成的

详细解答，请看博客：你问我答-关于网页布局上的两个问题