我在做布局的时候，出现一个问题，很奇怪，不知道怎么回事，正常情况下页面的导航栏应该是如下图：
但是我缩放窗口，再把滚动条拉到最右边，就出现了下面这种样子：
蓝色的部分缺了一半，这是怎么回事呀~~
我现在的css这样写的：
7
723.main_header {
width: auto;
height: 50px;
background: #3a5795;
}
请问这是什么问题呢？？？
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
收藏
把整个页面做成响应式的布局就不会这样了
导航宽度100%，这里的100%只是一屏，你看到下面的滚动条了，所以滚动到右边的时候，那个100%肯定少了啊
可以把布局代码贴上来么 亲。。
最好放个可预览的
demo，便于调试，找到原因main_header的宽度设置成了auto，而main_header内的元素(导航，搜索，头像，等)设置了固定宽度所致；解决：main_header设置min-width或者width为内部元素的宽度。这个是个浏览器 layout 渲染机制 问题。
你试试 加个 min-width 试试。
目测，这个问题，是因为现有元素的宽度已超过可视宽度导致，是否有固定宽度的元素，最好做成响应式