html - 100% 宽度减去边距和填充

<分区>

我一直在四处寻找，但找不到适用于我自己问题的解决方案。

我在移动网站上工作，需要输入框占屏幕的 100% 宽度。但是我有 padding-left: 16px 和 margin: 5px 使框超出屏幕，所以我必须向右滚动才能看到框的末尾.如何使方框 100% 减去填充和边距？

最佳答案

您可以使用 calc , 现代浏览器支持它，IE9+ 也支持。

div {
  margin: 10px;
  width: calc(100% - 20px);
  height: 10px;
  background: teal;
}

<div></div>

关于html - 100% 宽度减去边距和填充，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17631611/

相关文章：

javascript - removeClass() 当 div 关闭时