我已经开始使用 Boilerplate 主题在 drupal 上创建一个新主题。 我正在尝试实现居中(响应宽度)布局，左右两侧都有边框。我附上了一张图。 DIAGRAM HERE
我的左侧边框工作正常，它们在 #PAGE div 中，这是所有内容的唯一包装器。 (上面没有其他div)
正如我在图中所示，我在处理右侧边框时遇到了问题。使用与左边框相同的 CSS 语法，您可以看到它们一直位于右侧，即使它们位于 #PAGE div 内。为什么是这样？为什么 #PAGE div 没有将它整合在一起？
感谢您的帮助!
编辑
代码 jsFiddle demo/mockup
PS- 这些“边框”需要将图像作为背景，所以我不能简单地使用“边框”属性。并且 'border-image' 没有得到很好的支持。 DIV 是我需要的。
最佳答案
您的右边框有“position:fixed”，这意味着它的位置是相对于视口(viewport)而不是 HTML 内容的。所以用
right:0
...它将被推到浏览器窗口的右边缘(距窗口右侧 0 像素)。你需要保持它的正常流动(所以避免位置固定或绝对，使用相对)。
你也会遇到固定边框响应的麻烦。
参见 https://developer.mozilla.org/en-US/docs/Web/CSS/position了解更多信息。
您也可以尝试使用 css borders 属性来做到这一点:https://developer.mozilla.org/en-US/docs/Web/CSS/border .
祝你好运。
关于html - 左右两侧带有 div 边框的居中布局(带有 bg 图像)(drupal)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30968789/