Div太小，文本太难

Question

我正在开发我的ASP。NET项目(用C#编写(。

我无法将div编码为其内部文本的正确大小。我想要一个div来很好地捕捉文本，并在收缩页面时调整大小。

有人能帮帮我吗？

这是一张发生的事情的照片。

Css代码：

.box {
width: 500px;
height: 500px;
border: 1px solid #e0e4e8;
padding: 20px;
border-radius: 10px;
height: 100px;
color: #717171;
float: left;
position: relative;
display: block;
}

Html代码：

<div class="box">
<p class="date">Datele contului</p>
<br />
<table class="profil">
<tr>
<td>Nume:</td>
<td>
<asp:Label ID="lblNume" runat="server" Text=""></asp:Label>
</td>
</tr>
<tr>
<td>Prenume:</td>
<td>
<asp:Label ID="lblPrenume" runat="server" Text=""></asp:Label>
</td>
</tr>
<tr>
<td>Email:</td>
<td>
<asp:Label ID="lblEmail" runat="server" Text=""></asp:Label>
</td>
</tr>
</table>
<hr />
</div>

Answer 1

只需删除css中的height属性。(或(尝试将高度设置为自动。

您已经在css中设置了两次高度。拆下两者