0

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

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

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>
4

1 回答 1

1

你的蓝色容器太高了。将其设置为 474 像素；

cccontainer.animate({height: 474});

这是一个

小提琴

于 2013-06-29T23:22:29.847 回答