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

标签 html css fluid-layout

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

为什么会这样?

最佳答案

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

解决方案

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

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

相关文章:

html - CSS 列表项奇怪的定位

html - 防止覆盖图像使底层图像不可点击

css - 具有等间距 div 的流体高度

html - 如何使我的导航栏在两个不均匀的元素之间居中?

javascript - 使用 Vue 添加/删除动态 DOM 元素

php - 如何限制事件的注册人数?

html - 链接垂直对齐,高度 100%

html - Firefox 表格中边框折叠的不同厚度

css - 将谓词应用于xpath中的字符串为何有效?

css - 修复液体布局图像 100% 宽度和高度的滚动问题?