HighCharts在某些元素上重疊的長標題文本

Question

我有一個圖表容器Div，它加載所有圖表和標題，類似於小提琴http://jsfiddle.net/a6zsn/188。我有另一個div放在標題文本之後，並且在包含多個下拉列表的圖表之前。 我面臨的問題是，當標題太長時，它會在下拉菜單下。我想要進行自動調整，就像標題長進下一行一樣，下拉菜單和圖表應該相應地進行調整。

示例中，我的

<div id="container" style="min-width: 400px; height: 400px; margin: 0 auto"></div> 
<div id="someID">Dropdowns</div> // this is where i am failing and text overlaps on to 

陸續格誰能有辦法解決這個？

Answer 1

你要定位「#some 「-div以編程方式解釋你在這裏問的同一問題;

Highchart container does hold inner div

Answer 2

我改變了CSS來此：這個

#some { 
display: inline-block; 
margin: 20px 40px; 
position: relative; 
} 

和HTML佈局：

<div id="container" style="min-width: 400px; height: 400px; margin: 0 auto"> 

</div> 
<div id='some'> 
    <select> 
    <option value="volvo">Volvo</option> 
    <option value="saab">Saab</option> 
    <option value="opel">Opel</option> 
    <option value="audi">Audi</option> 
    </select> 
    <select> 
    <option value="more">More</option> 
    <option value="lidl">Lidl</option> 
    <option value="coop">COOP</option> 
    <option value="ICA">IKA</option> 
    </select> 
</div> 

看看這裏的jsfiddle http://jsfiddle.net/Stenvh/c9azwoku/