Question

我有这样的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之下去吗？

Answer 1

这里有一个拼写错误：（缺少冒号）

<div style="width 130rem;">

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

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

它应该有效。如果没有，那么请发布html或jsfiddle，但它应该只用这个简单的修正

如何在DIV下方添加滚动条？

1 个答案: