如何去掉图下的空格

How to get rid of space below graph?

本文关键字：空格 何去掉      更新时间：2023-09-26

我已经尝试了我能想到的一切，但我无法摆脱当你点击提交按钮时出现的图形下方多余的蓝色空间。

有人知道是什么原因吗？

JSFIDDLE

以下是相关项目的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；

cccontainer.animate({height: 474});

这是

小提琴

相关文章：