容器を右に揃えるには？

Question

現在のコードは画像1のようにレンダリングされますが、画像2のように出力するにはどうすればよいですか？

私はウェブを検索してみましたが、私はcss

ピック1、

ピック2、

     <ext:Container id="Container1" runat="server" layout="HBoxLayout" width="2000" marginSpec="0 0 10 0" > 
         <Items> 
         <ext:Panel ID="panel_cms004_view" Title="Document Control Profile" runat="server" AutoScroll="true" Region="East" Height="180" Width="700" Split="true"> 
          <Loader ID="cms004_view" runat="server" Url="../CMS/cms004_view.aspx" Mode="Frame" AutoLoad="true" > 
           <LoadMask ShowMask="true"></LoadMask> 
          </Loader> 
         </ext:Panel> 


        <ext:Panel ID="panel_cms004d_audit" Title="Document Control Number - Audit" runat="server" AutoScroll="true" Region="East" Height="180" Width="428" Split="true"> 
          <Loader ID="cms004d_audit" runat="server" Url="../CMS/cms004d_audit.aspx" Mode="Frame" AutoLoad="true" > 
           <LoadMask ShowMask="true"></LoadMask> 
          </Loader> 
         </ext:Panel> 

         </Items> 
        </ext:Container> 

        <ext:Container id="Container8" runat="server" layout="HBoxLayout" width="2000" marginSpec="0 0 0 0"> 
         <Items> 

         <ext:Panel ID="docControlNum" Title="Document Control Number" runat="server" AutoScroll="true" Region="East" Height="265" Width="700" Split="true"> 
          <Loader ID="cms004d_view" runat="server" Url="../CMS/cms004d_view.aspx" Mode="Frame" AutoLoad="true" > 
           <LoadMask ShowMask="true"></LoadMask> 
          </Loader> 
         </ext:Panel>  
         </Items> 
        </ext:Container> 

でこれを行うにはどのようにショーを発見した結果のほとんど

Answer 1

CSSの問題は何ですか？

.right { 
position: absolute; 
right: 0px; 
     } 

、その後：代わりの.cssを作成する

<div class="right"> 
// your html 
</div> 

Answer 2

私はTwitterのブートストラップCSSなどのCSSや、彼らが機能を持っていてもフロントエンドのフレームワークを既存の使用するためにあなたをお勧めします はこのような何かを非常にうまく機能する機能を備えています。 ブートストラップでは、あなたが好きなようにあなたの要素を配置することができるグリッドシステムになります。

Answer 3

     <ext:Container id="Container1" runat="server" Height="700" marginSpec="0 0 0 0" Layout="VBoxLayout" > 
         <Items> 
         <ext:Panel ID="panel_cms004_view" Title="Document Control Profile" runat="server" AutoScroll="true" Height="180" Width="700" Layout="VBoxLayout"> 
          <Loader ID="cms004_view" runat="server" Url="../CMS/cms004_view.aspx" Mode="Frame" AutoLoad="true" Height="200"> 
           <LoadMask ShowMask="true"></LoadMask> 
          </Loader> 
         </ext:Panel> 

         <ext:Panel ID="docControlNum" Title="Document Control Number" runat="server" AutoScroll="true" Height="248" Width="700" Layout="VBoxLayout"> 
          <Loader ID="cms004d_view" runat="server" Url="../CMS/cms004d_view.aspx" Mode="Frame" AutoLoad="true" Height="700"> 
           <LoadMask ShowMask="true"></LoadMask> 
          </Loader> 
         </ext:Panel>  


         </Items> 
        </ext:Container> 

        <ext:Container id="Container8" runat="server" marginSpec="0 0 0 700" Layout="VBoxLayout" Height="700" Width="430"> 
         <Items> 
         <ext:Panel ID="panel_cms004d_audit" Title="Document Control Number - Audit" runat="server" AutoScroll="true" Height="425" Width="433" Layout="VBoxLayout"> 
          <Loader ID="cms004d_audit" runat="server" Url="../CMS/cms004d_audit.aspx" Mode="Frame" AutoLoad="true" Height="700" Width="430" > 
           <LoadMask ShowMask="true"></LoadMask> 
          </Loader> 
         </ext:Panel> 
         </Items> 
        </ext:Container> 

編集しました。パネルとコンテナのレイアウトを追加する必要があることを発見しました。