2

我有三个要并排展示的 Gridview。我将它们放在单独的 DIV 块中，但是第一个 DIV 始终以浏览器宽度的 100% 显示。无论我用 CSS 做什么来让其他人排成一行，这个 DIV 都会把所有东西都推倒。

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

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

更改 DIV 和 GridView 的宽度、浮动和显示的所有可能排列完全没有区别。

这是 gridview 代码（所有三个 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的图片，显示了第一个 DIV 的宽度。如您所见，后两个 DIV 显示内联就好了。

4

0 回答 0