html - 流体网格 - 宽度百分比但出现水平滚动条

标签 html css fluid-layout

我将标题和水平导航栏设置为 100% 宽度,这似乎可以正常工作,但我的内容 div 却不行。
即使我将宽度设置为 90% 并缩小浏览器窗口,水平条也会出现在某个点(但水平宽度比设置为 100% 时略低)。

为什么会这样?

最佳答案

没关系。当我制作 jsfiddle 来显示我的问题时,我发现了导致它的原因。

解决方案

如果有人有同样的问题,就我而言,那是因为 px 中的填充和边距,所以宽度为 90% + 30px(在某些时候超过全宽的 10%)。

关于html - 流体网格 - 宽度百分比但出现水平滚动条,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37999122/

相关文章:

javascript - Angular 2中的背景图片

javascript - 用户可以选择两个输入,但只需要一个。

javascript - 将图像放置在元素上以表示它被选择

html - 中心 DIV 内容流体垂直和水平

css - 如何以流畅的布局实现此 CSS?

javascript - 纯javascript中的表格分页,但如果数字无法正常工作?

javascript - 为具有 2 位小数的数字添加逗号分隔符

javascript - spin.js/Angular 微调器 : how to position spin into DOM element (plunker demo included)

css - LESS 是否支持这种语法?

iphone - 关于流体布局的问题