div顯示在錯誤的位置

Question

我有一個包含兩個嵌套的div。其中一個嵌套div包含一個javascript圖表。

當頁面呈現時，javascript圖形位於該區域之外的不正確位置。有誰知道我做錯了什麼？

這裏是CSS：

#graph_container{ 
    width: 75%; 
    margin: 0 auto; 
    background-color: #FFF; 
    padding: 20px 40px; 
    border: solid 1px black; 
    margin-top: 20px; 
} 

#graph{ 
    width: 75%; 
    margin-top: 20px; 
} 

#car_select{ 
    width: 25%; 
    margin: 0; 
    background-color: #FFF; 
} 

而且Rails.ERB文件

<div id="graph_container"> 
    <div id="car_select"> 
    # this part is at the correct location...  
    </div> 

    <div id = "graph"> 
    # this is showing up outside of graph_container 
    <script type="text/javascript" language="javascript"> 
    //<![CDATA[ 
    var chart = new AnyChart('/AnyChart.swf'); 
    chart.width = 500; 
    chart.height = 500; 
    chart.setXMLFile('car_info.xml'); 
    chart.write(); 
    //]]> 
    </script> 
    </div> 
</div> 

Answer 1

帕特和丹尼的建議對輸出是有效的和重要的。但是，這兩個問題都沒有解決我的問題，原來的問題實際上是Javascript代碼。我沒有設置代碼插入的位置。

簡單地放置在我想要的元素不工作。在我的情況下，我需要做的是用chart.write（'graph'）填充chart.write（），以便腳本將自己插入到html部分。

Answer 2

您是否嘗試過做定位絕對？

http://cssdesk.com/EUYhZ

Answer 3

你可以得到<div> S IN正確的地方與2個修復：

1. 浮法他們左，右分別。
2. 在它們下面添加一個清除元素，使它們留在#graph_container中。

你可以看到它in action here。

如果這不起作用，您的Javascript可能會將它創建的圖表上的位置設置爲絕對。在這種情況下，將position: relative;添加到您的#graph容器。這將導致任何絕對定位的孩子（即圖）使用它而不是文檔作爲其座標系。