Html 如何使div页边距内的所有内容都正确

我有一个名为

wrapper

的

div

。我最近刚在更改了网页布局之后创建了这个div，因此，

div

中有很多元素需要新的CSS样式。div中的所有内容现在都“卡”在

wrapper

div的右侧

有没有一种方法可以将

marginright:10px

应用于

wrapper

div中的所有内容，而不是将样式单独应用于每个元素？

1

.wrapper>*

将选择作为包装的直接子元素的每个元素，因此不会选择

包装中元素中的元素

<div class="wrapper">
  <div> <!-- <- this one -->
    <!-- but not elements inside the direct children -->
  </div>
  <!-- all elements here -->
</div>

2.
你也可以把一个
填充放在右边：10px.wrapper
上的code>如下所示：

.wrapper {
  padding-right:10px;
}

我不知道你到底想说什么。然而，下面是我能想到的一个可能的场景

您试图说在wrapper div中有很多div和其他元素（a、table等），您只想一次为所有这些元素添加间距（margin）。我说得对吗？如果是，则只需在包装器div中创建另一个div，并将内联样式应用于该特定div，如下所示

<div id="wrapper">
<div style="margin-right: 20px;"> <!--this div will contain all elements--> 

 <!--PLACE ALL OF YOUR ELEMENTS HERE --> 

</div> <!--ending container div--> 
</div> <!--ending wrapper div-->



现在，根据您的需要，您可以更改保证金值

希望我的回答能帮助您
给我们一些代码..并创建一个片段，以演示您的问题。。。
<div id="wrapper">
<div style="margin-right: 20px;"> <!--this div will contain all elements--> 

 <!--PLACE ALL OF YOUR ELEMENTS HERE --> 

</div> <!--ending container div--> 
</div> <!--ending wrapper div-->