Question

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

有谁知道是什么造成的？

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

Answer 1

你的蓝色容器很高。设置为474px;

cccontainer.animate({height: 474});

这是一个

如何摆脱图下方的空间？

1 个答案:

fiddle