保留左边和宽边的div:右侧溢出100%

Question

我有2个嵌套的div应该是100%宽.不幸的是,带有Textbox的内部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中删除宽度即可.

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

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

带输入的更新示例.

Answer 2

div是块元素,默认为100%宽.您只需将textarea宽度设置为100%即可.