Html div标记中的div标记在浏览器中显示不好

Html div标记中的div标记在浏览器中显示不好,html,css,Html,Css,这是我的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 />

这是我的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标签的方法是否正确?

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

这就是我的浏览器的外观


<>请帮助

你应该考虑使用引导程序。否则,请考虑使用Frasbox之类的东西。另外,不要使用内联代码,它们都必须在css中!此外,上面的代码不完整,因此我无法使用它。你能在codepen.io上创建一支笔吗?给你