Question

我想要并排呈现三个Gridview。我将它们放在单独的DIV块中，但是第一个DIV始终以浏览器宽度的100％显示。我用CSS做了什么来让其他人排队，这个DIV推动了一切。

其他两个DIV似乎没有这个问题，即使这三个共享相同的CSS。

This link解释了我认为嵌套DIV会发生什么，但在这种情况下它不会。浏览器似乎认为有内容跨越页面的宽度。但是有什么数据？或者我该如何禁用它？

改变DIV和GridViews的宽度，浮动和显示的每个可能的排列都没有任何区别。

这是gridview代码（所有三个网格视图几乎相同，每个显示两个小列）：

<div id="pending_registrations">

                     <asp:GridView ID="gvuserProfiles" runat="server"
                        OnRowCommand="gvuserProfiles_RowCommand"
                        AutoGenerateColumns="False" 
                        GridLines="None"
                        CssClass="grid" 
                        AlternatingRowStyle-CssClass="alt">

                        <Columns>
                            <asp:TemplateField HeaderText="Registrations">
                                <ItemTemplate>
                                 ...snip...
                                </ItemTemplate>
                            </asp:TemplateField>


                            <asp:TemplateField HeaderText="Type">
                                <ItemTemplate>
                                   ...snip...
                                </ItemTemplate>
                            </asp:TemplateField>
                        </Columns>

                    </asp:GridView>

     </div>

CSS是（我的最新版本）：

 #pending_registrations{
       display:inline-block;
       vertical-align:top;
 }

带有Firebug的三个DIV的

和here's a pic显示第一个DIV的宽度。正如你所看到的，后两个DIV显示内联就好了。

aspx GridView强制DIV为100％

0 个答案: