2012-03-01 27 views
1

ウィンドウのサイズを変更しても、右にHTML要素を配置しようとしています。私はfloat:right: , text-align:rightと一緒にCSSウィンドウの右揃えサイズ変更

#goRight 
{ 
    align:right; 
} 

を使用して試してみましたが、問題は、私は、ウィンドウのサイズを小さくするとき、私が欲しいものではありませんこれは、水平要素が切り出され、最終的に消えるということです。要素をアクティブな表示画面の右側に揃えておく方法はありますか?

 <div id="address" class="tab"> 
     Filter by: 
     <hr /> 
     <div class="label">Choices:</div>  
     <div id="goRight"> 
     <select name="myselect" id="myselect" size="0"> 
      <option>Option1</option> 
      <option>Option2</option> 
      <option>Option3</option> 
     </select> 
     </div> 
     <div class="listSeparator"></div> 
    </div> 
+2

私は、リンクやより包括的なコードサンプルが必要だと思います。 – folktrash

+0

私は別の要素/スタイルがあなたの右揃えスタイルを破ると思います。 「浮動小数点:right」は作品ですhttp://jsfiddle.net/T5F83/ – arunes

+0

残りのコードを上記に追加しました – user1152440

答えて

1

float:rightは、単に右にhtml要素を整列さ、でもウィンドウサイズが変更され、要素がします依然として右揃え。

あなたの場合、私は別の要素/スタイルがあなたの右揃えのスタイルを破ると思います。ちょうどfloat:rightが働いているからです。シンプルなフィドル:jsfiddle.net/T5F83

1

あなたはおそらく絶対に要素を配置し、それはそうのような右のプロパティの設定することをお勧めします:

#goRight 
{ 
    position: absolute; 
    right: 0; 
} 
+0

現時点ではこれは機能していませんが、私は他のスタイルを見て、これが影響を受けるかどうかを確認しています。 – user1152440