レスポンシブCSSオプション

Question

テストサイトにチャットを追加しようとしています。 float rightを使用すると、画面が小さくなってもそれに伴って動くが、その問題は「十分ではない」という理由で完璧です。チャットをより適切にするための他の反応的な方法はありますか？あなたはチャットボックス、例を持っていたい場所は常に上の右端に常にチャットのオプションを持つようにしたい場合、または場合は、私にはわからない

<div class="chat pull-right" style="width: 30%"> 
     <div class="panel panel-default"> 
      <div class="panel-heading"><h3 class="panel-title">Chat</h3></div> 
      <div class="chat-messages panel-body"> 
       <div class="chat-user"> 
        <div class="chat-username">James</div> 
        <div class="chat-message">This is a test</div> 
       </div> 
       <div class="chat-user"> 
        <div class="chat-username">David</div> 
        <div class="chat-message">This is a test</div> 
       </div> 
      </div> 
     </div> 
    </div> 

Answer 1

：私はチャットのHTMLコードです。ここブートストラップ

を使用していますディスプレイの半分の高さであれば、位置絶対値とZ-インデックスを使用できます。 PSの意味：「十分ではない」あなたはいくつかのスクリーンショットを追加することができますか？