css – 带边距的宽度和宽度:100%在右侧溢出

前端之家收集整理的这篇文章主要介绍了css – 带边距的宽度和宽度:100%在右侧溢出前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有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%宽。

解决方法

只需从两个div中移除宽度。

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

我在jsfiddle添加了一个textarea的例子。

Updated example带有输入。

猜你在找的CSS相关文章