Css 如何向骨架框架中的容器添加填充？

我正在使用骨架框架(http://getskeleton.com)我想要一个有背景色和白色容器页面的页面

---

如果我添加

.container{padding:0 10px；}

在调整小设备窗口的大小时，布局会中断。希望我错过了一些非常明显的东西。如何在不破坏响应性设计的情况下向容器添加填充物

这对于骷髅来说是不幸的

请注意，.container.column和.container.columns类都有10px的填充。通过将列正确嵌套在容器中，可以获得一致的填充

一种解决方案是使用一个类的偏移量，这将在左侧提供60px的填充

---

最后，您可以对skeleton.css中的核心类进行黑客攻击，为每个元素添加所需的填充并缩小其宽度。

对于较小的媒体查询，您需要编辑skeleton.css（或使用自己的样式表覆盖它）

注释掉删除填充的规则，并将.container.one.column（等）规则减少20px。这将为您留下正确的尺寸和两侧10像素的良好边距。：）

---

顺便说一句，我需要为设备宽度编写一个解决方案。

我可能误解了您的问题，但您是否尝试过添加边距而不是填充 例如

你的文字等在这里

---

其中内容类留有余量：10px

如果我正确理解了你的帖子，我的解决方案已经找到了

因为这有一个白色的背景，我想要一些填充框内。 很简单：我在父对象中添加了一个，并对其进行了样式化 适当的填充：10px和白色背景

CSS HTML

你不是。。。

结果

---

如果对要添加填充的任何DIV使用框大小调整，则可以添加填充。这将在考虑填充的情况下计算div的宽度

.someElementInSkeletonGrid {
    box-sizing: border-box;
}

我已经能够成功地添加填充到骨架DIV的使用这个。浏览器支持也很好

阅读更多：

浏览器支持：

      <div class="two-thirds column">
          <div class="content">
              Your text etc here
          </div>
      </div>

div.inner {
    padding: 4px 4px 8px 12px;
    overflow:auto;
}

<div id="what_you_think" class="realm eight columns alpha"> 
    <div class="inner">
        <h3>You are <font style="color:black;">not</font>...</h3>

    </div>
</div>

.someElementInSkeletonGrid {
    box-sizing: border-box;
}