html中,div中放置了一个input输入框。当div有padding内边距时,如何让input宽度占满
时间: 2024-03-11 17:48:16 浏览: 39
使用CSS3的box-sizing属性解决div宽高被内边距撑开的问题
5星 · 资源好评率100%
可以使用CSS中的box-sizing属性来实现。
首先,将div的box-sizing属性设置为border-box,这样padding值将包含在div的宽度中。然后,将input的宽度设置为100%。
以下是示例代码:
```
<div style="padding: 10px; box-sizing: border-box;">
<input type="text" style="width: 100%;">
</div>
```
这样,输入框的宽度将自动扩展到div的宽度减去内边距的大小。
阅读全文