Html div标记中的div标记在浏览器中显示不好
这是我的html代码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 />
<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上创建一支笔吗?给你