Css 如何保持水平div（一行3个）之间的边距与wrapper保持一致？

基本上我有三个div排成一行，每个div之间都有一个10px的边距，以一种响应性的布局

目前，div的剩余利润为：10px；右边距：10px；让它们保持间隔。不过，我希望它与包装器保持内联，简而言之，在第一个div的开头和最后一个div的结尾与包装器相交的地方没有边距，因此它完全适合包装器

我怎样才能做到这一点

谢谢

代码：

CSS-

}

Wordpress输出中的HTML：

    <aside id="frontpage" class="widget widget_text">
<h3 class="widget-title">Quickplay</h3>
<div class="textwidget"><p>Content Here</p>
</div>

    <aside id="frontpage" class="widget widget_text">
<h3 class="widget-title">Quickplay</h3>
<div class="textwidget"><p>Content Here</p>
</div>

    <aside id="frontpage" class="widget widget_text">
<h3 class="widget-title">Quickplay</h3>
<div class="textwidget"><p>Content Here</p>
</div>

快速播放
满足于此

快速播放
满足于此

快速播放
满足于此

使用和选择器将边距归零：

.mydiv:first-child {
    margin-left: 0;
}
.mydiv:last-child {
    margin-right: 0;
}

假设这个HTML

<div id="wrapper">
    <div>1</div>
    <div>2</div>
    <div>3</div>
</div>

然后，改用此CSS：

#包装器>div{
浮动：左；
左边距：20px；
}
#包装器>div：第一个子{
左边距：0；
}

如果您选择，那么在33%中，它将是99+边距/填充，它将跨越100%。那么第三个div将在下一行出现。你将与宽度保持一致。看看它是否有效。虽然它并不完美，但仍然离你想要的东西更近了

<style>
  #one{display:inline; float:left; width:32.7%; }
#two{display:inline; float:left; width:33%;  margin-left:10px; margin-right:10px;}

#一个{显示：内联；浮动：左；宽度：32.7%；}
#两个{显示：内联；浮动：左；宽度：33%；左边距：10px；右边距：10px；}

这是第一个div，您的内容放在这里。这是第一个div，您的内容放在这里
这是第二个div，你的内容在这里。这是第二个div，你的内容放在这里
这是第三节，你的内容在这里。这是第三个div，您的内容放在这里/div>

---

它的工作原理是宽度略有不同，但您无法找到。

您的实际代码是什么？为什么不在第一个div的开头和最后一个div的结尾处添加边距？看起来会不会有点奇怪？@StackUP该部分的容器已经居中于我希望它出现在设计中的位置。我只需要它们之间的边距，因为每个区域末端的边距只会将其推入更多。

<style>
  #one{display:inline; float:left; width:32.7%; }
#two{display:inline; float:left; width:33%;  margin-left:10px; margin-right:10px;}

<div id="big_wrapper">
 <div id="one"> this is first div and your content goes here. this is first div and   your content goes here</div>
  <div id="two">this is second div and your content goes here. this is second div and your content goes here</div>
  <div id="one">this is third div and your content goes here. this is third div and your content goes here/div>