div标签中的div标签在浏览器中不会出现

Question

这是我的HTML代码

                <div style="border-style: solid; border-width: thin; height: 809px; width : 50%; float: left; font-size: medium; text-align: center; font-weight: bold;">
                    Job member<br />
                    <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" 
                        PageSize="20" Width="50%">
                        <Columns>
                            <asp:CheckBoxField>
                            <ItemStyle Width="10px" />
                            </asp:CheckBoxField>
                            <asp:BoundField HeaderText="User" DataField="user_id" />
                            <asp:ButtonField HeaderText="View" Text="Button" />
                        </Columns>
                        <HeaderStyle Height="20px" />
                        <RowStyle Width="20px" />
                    </asp:GridView>
                </div>
                <div style="border-style: solid; border-width: thin; height: 809px; width : 50%">
                    <asp:GridView ID="GridView2" runat="server" AutoGenerateColumns="False" 
                        PageSize="20" Width="50%">
                        <Columns>
                            <asp:CheckBoxField>
                            <ItemStyle Width="10px" />
                            </asp:CheckBoxField>
                            <asp:BoundField HeaderText="User" DataField="user_id" />
                            <asp:ButtonField HeaderText="View" Text="Button" />
                        </Columns>
                        <HeaderStyle Height="20px" />
                        <RowStyle Width="20px" />
                    </asp:GridView>
                </div>
                </div>

我在div标签中创建了2个div标签，并且我将宽度设置为50％，因此div标签可以很好地出现在浏览器中，当我部署到浏览器时，外观完全丢失...我考虑过了边框厚度问题，第二个div标签可能会拉下来，因为边框上有一些宽度，所以我之前将宽度改为47％，最后结果仍然相同，请问我是否有办法创建这种类型div标签是正确的吗？

这就是我的视觉开发人员的样子

这就是我的浏览器的样子

请帮助