问如何将容器对齐到右边？
EN

Stack Overflow用户

提问于 2016-11-23 23:40:42

回答 3查看 127关注 0票数 2

我的当前代码呈现的像图片1，我如何才能得到输出渲染像图片2？

我试图搜索网页，但我发现的大多数结果都显示了如何在css中进行搜索。

图一，

图二，

                      <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>

html

containers

panel

回答 3

Stack Overflow用户

回答已采纳

发布于 2016-11-24 00:02:45

CSS有什么问题？做这样的事：

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

然后：

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

票数 0

Stack Overflow用户

发布于 2016-11-25 00:21:54

                      <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>