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/