javascript - 如何摆脱图表下方的空间？

我已经尝试了所有我能想到的方法，但我无法摆脱点击提交按钮时出现的图表下方的额外蓝色空间。

谁知道是什么原因造成的？

这是相关元素的 CSS:

#cccontainer {
    width: 800px;
    padding: 0px; 
    margin: 0px; 
    background-color: #447bc7;
}

#costComparer {
    width: 300px;
    float: left; 
}

#costComparer input {
    width: 100px; 
}

#result {
    width: 450px;
    float:right;  
}


#chart_div{
    display: none; 
    float: left;
    margin: 0px; 
    padding: 0px; 
}

.spacer {
    margin: 0px; 
    padding: 0px;
}

和相关的html:

<body>
<div id="cccontainer">
        <form id="costComparer" name="pricesForm">
            <table>
                <!-- my table --> 
            </table>                
        </form>

        <div id="result"></div>

    <div id="chart_div" style="width:400px; height:250px;"></div>
        <div class="spacer" style="clear: both;"></div>
</div>
</body>

最佳答案

您的蓝色容器太高了。将其设置为 474px；