C9アプリケーション用のChromeとFirefoxで解決エラーが発生しました。解決方法がわからない

Question

さて、画面サイズの解像度の問題を解決していますが、問題の内容がまだ完全にはわからないため、どのように処理するかわかりません。 私は人々が投票を作成して投票することを可能にする投票アプリケーションを設計しています。ユーザーが投票するページは、問題が発生している場所です。ページは1024 x 768の解像度で次のようになります

ページが上記の解像度になっている場合、ラジオボタンまたは送信ボタンのいずれもクリックできません。ただし、ウィンドウのサイズを800 x 600に変更すると、ラジオボタンをクリックしても問題ありません。

また、私のオプションを提出すると、投票に基づいてグラフが作成されます。画面解像度がIが1024×600を言うために、800×600以上のものに上記のスクリーンショットのサイズを変更する場合は800×600スクリーンショット

未満である場合のグラフは、グラフは、ラジオボタンと重なっ細かい表示します。そのためのスクリーンショットは、ですが、なぜでしょう

下回っているのですか？アプリは数時間前に問題なく動作していましたが、今と今の間に何も変わっていません。私は自分の要素をスタイリングするためにブートストラップとCSSを使用しています。私が代わりにあなたがブートストラップクラスCOL-SM-6を使用して、それにdivの内側のすべての内容を入れない理由クラスChartDivを使用しての

.custom-div{ 
    display:none; 
} 
.col-md-10{ 
    height:auto; 
    min-height:500px; 
} 
.ChartDiv{ 
    width:500px; 
    height:400px; 
    float:right; 
    margin-top:-250px; 
    position:relative; 
} 
#myChart{ 
    height:300px; 
    width:400px; 
    padding:0; 
    margin:auto; 
    display: block; 
    position:absolute; 
    top:0; 
    bottom:0; 
    left:0; 
    right:0; 
} 
.submit-wrapper{ 
    clear:both; 
    display:block; 
    margin-top:20px; 
} 

Answer 1

以下のCSSコードを含めています。