Html 如何应用边距以使元素不超过100%宽度？
我有并且我希望能够在每个元素周围添加边距，但不改变每个元素的宽度 我知道，例如，对于标题，我能够应用一个边距：10px；让我们关注左右边距和一个宽度：calc100%-20px，它从100%中减去20px来计算边距 问题: 有没有不改变宽度的方法 因此，我可以保持100%的宽度，而不必担心我对元素应用了多少余量？您可以使用flex grow。在你们的例子中，宽度是这样定义的：20%+60%+20%，也就是20%+3*20%+20%，所以我们有像1+3+1这样的因子。因此，使用这些因素来设置flex grow，然后您可以轻松地添加所需的利润 * { 框大小：边框框； } 身体 html{ 身高：100%； 宽度：100%； 保证金：0； } 身体{ 背景：333D4E； } /*主要*/ 主要{ 显示器：flex； 弯曲方向：行； 宽度：100%； 文本对齐：居中； } 文章{ 柔性生长：3； 最小高度：800px； 背景：EDF0F1； 边界半径：5px； 利润率：0.20px； } 导航{ 柔性生长：1； 顺序：-1； 最小高度：800px； 背景：9AA4A6； 边界半径：5px； } 旁白{ 柔性生长：1； 顺序：1； 最小高度：800px； 背景：6295D6； 边界半径：5px； } 主要内容 侧导航 在一边Html 如何应用边距以使元素不超过100%宽度？,html,css,flexbox,width,margin,Html,Css,Flexbox,Width,Margin,我有并且我希望能够在每个元素周围添加边距，但不改变每个元素的宽度 我知道，例如，对于标题，我能够应用一个边距：10px；让我们关注左右边距和一个宽度：calc100%-20px，它从100%中减去20px来计算边距 问题: 有没有不改变宽度的方法 因此，我可以保持100%的宽度，而不必担心我对元素应用了多少余量？您可以使用flex grow。在你们的例子中，宽度是这样定义的：20%+60%+20%，也就是20%+3*20%+20%，所以我们有像1+3+1这样的因子。因此，使用这些因素来设置fle
边距和宽度/高度就像油和水一样。它们不能混合。因此，你的问题的答案是否定的。然而，如果你愿意接受其他间距选项，那么有很多。这里有一个开始：您可以使用边框，而不是使用框大小：边框框。或者内部轮廓或插入框阴影在您的情况下，如果不更改宽度，则无法执行此操作，但可以通过删除宽度来执行此操作。考虑到页边距，div将适合可用空间。@rpm192您读过这个问题吗？如果你看我的例子，你会发现我已经在使用Flexbox了。我解释说，我也不想更改每个元素宽度的百分比。