Question

我有一个图表容器Div，它加载了与小提琴http://jsfiddle.net/a6zsn/188类似的所有图表和标题。我在标题文本之后和图表之前放置了另一个div，其中包含多个下拉列表并排。我面临的问题是，当标题太长时，它会进入下拉列表。我希望有一个自动调整，如果标题进入下一行，下拉列表和图表应相应调整。

示例我在

之后有另一个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

我把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/

Answer 2

您必须按照您在此处提出的相同问题中的说明以编程方式定位“#some”-div;）

Highchart container does hold inner div

HighCharts长标题文本在某些元素上重叠

2 个答案: