css - 具有 margin-left 和宽度 :100% overflowing on the right side 的 Div

Question

我有 2 个嵌套的 div，它们的宽度应该是 100%。不幸的是，带有文本框的内部 div 溢出并且实际上比外部 div 大。它有一个左边距并溢出大约边距的大小。

我该如何解决？

<div style="width:100%;">
    <div style="margin-left:45px; width:100%;">
    <asp:TextBox ID="txtTitle" runat="server" Width="100%"></asp:TextBox><br />
    </div>
</div>

如果我没有做到 100%，那么文本框就不是 100% 宽。

Answer 1

只需删除两个 div 的宽度即可。

div 是 block 级元素，将使用所有可用空间(除非您开始 float 或定位它们)，因此外部 div 将自动为 100% 宽，内部 div 将使用所有剩余空间设置左边距后的空间。

我在 jsfiddle 上添加了一个带有 textarea 的示例.

Updated example有一个输入。