Question

有很多问题，但经过2个小时的观察，我还没有找到答案：

我有一个内部有画布的div。（虽然我也尝试过普通文本）。

<div class="gpdialog" style="width: 90%; display: block; position: fixed; left: 23.25px; top: 41.95px;">   
    <div id="colorSchemeEditor" ;="" style="overflow :scroll">
        <h1 class="centered">   
            Color Scheme Picker   
        </h1>
        <div class="widget_container">
            <canvas id="color_picker_canvas" ;="" height="600" width="500"></canvas>
            <div class="yui3-g">
                <div class="yui3-u-1-1"></div>
            </div>
        </div>
    </div>    
</div>

我在画布上绘图，图纸向下延伸到页面下方。滚动条显示在右侧，但未激活。这在Chrome和Firefox中都会发生。（没有尝试过任何其他浏览器。）无法访问页面底部（有按钮的地方）。我不确定还有什么要找。

TIA。

Answer 1

你的语法错了。

<div id="colorSchemeEditor" ;="" style="overflow :scroll">

应该是..

<div id="colorSchemeEditor" ;="" style="overflow :scroll;">

你忘记了分号。但是;=""会怎么样？

Answer 2

这里有多个因素，我没有测试过所有案例，但是：

（1）'overflow：scroll'可能应该在紧邻的div中

（2）带滚动的div需要有高度和宽度说明符。

（3）高度和宽度说明符必须与溢出说明符在相同的样式元素中。

因此：

    <div style="height: 300px; width:300px; overflow :scroll;">

但不是

    <div height="300px"; width="300px"; style="overflow: scroll;">

即使我有溢出，滚动也不起作用：滚动设置

2 个答案: