html - 如何在 DIV 下方添加滚动条?

标签 html css

<分区>


这个问题是由于错别字或无法再重现的问题引起的。虽然类似的问题可能是on-topic在这里,这个问题的解决方式不太可能帮助 future 的读者。

关闭 8 年前

我有这样的 HTML:

<div style="width: 90rem; overflow-x: auto;">
   <div style="width 130rem;">
                    <div class="w10r">EId</div>
                    <div class="w20r">Name</div>
                    <div class="w10r">Type</div>
                    <div class="w10r">Status</div>
                    <div class="w40r">Objectives</div>
                    <div class="w10r">Tests</div>
                    <div class="w30r">Modified</div>
   </div>
</div>

我原本希望在内部 DIV 下看到一个滚动条,但它出现在页面底部,并且整个页面区域向左/向右移动。有人可以解释一下我如何让它位于内部 DIV 下方吗?

最佳答案

你这里有一个错字:(缺少冒号)

<div style="width 130rem;">

因为您没有为内部元素定义宽度,所以没有什么可以滚动的。尝试将其更改为

<div style="width: 130rem;">

它应该可以工作。如果没有,那么请发布 html 或 jsfiddle,但它应该只需要这个简单的更正

关于html - 如何在 DIV 下方添加滚动条?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25321051/

上一篇:html - 在标准表单布局模式下使用 Twitter Bootstrap 时如何限制控件宽度?

下一篇:jquery - 响应式日历 : show dayEvents

相关文章:

HTML CSS 表格行高控制

html - 容器填充问题(出现滚动条)

css - html5 样板文件不包括 reset.css?

css - <img/> 与背景图片

javascript - 自动滚动页面

html - 使用 ie 6,7 和兼容性 View 时不显示 CSS HTML 背景图像

html - 使用CSS创建两个等高布局列,并在右侧列内插入三个等高堆叠列

css - 在 iframe 上叠加 div

html - 第一个字母使 Chrome 在错误的位置突出显示

javascript - 固定 Div 内的相对 DIV 内的绝对 DIV 在滚动时消失