我已经使用Boilerplate主题开始了关于drupal的新主题。 我试图实现一个居中(响应宽度)布局,左右两侧都有边框。我附上了一张图。 DIAGRAM HERE
我的左侧边框工作正常,它们位于#PAGE div中,这是所有内容中唯一的WRAPPER。 (上面没有其他div)
正如我在图中所示,我遇到了右侧边框的问题。使用与左边框相同的CSS语法,您可以看到它们一直位于右侧,即使它们位于#PAGE div内。为什么是这样?为什么#PAGE div不能把它拉在一起?
感谢您的帮助!
EDIT
code
jsFiddle demo/mockup
PS-这些'边界'需要将图像保存为背景,所以我不能简单地使用边框'属性。和边界图像'没有得到很好的支持。 DIV是我需要的。
答案 0 :(得分:1)
您的右边框有“position:fixed”,这意味着它的位置相对于视口而不是HTML内容。所以用
right:0
...它将被推到浏览器窗口的右边缘(窗口右侧0像素)。你需要保持正常的流量(所以避免位置固定或绝对,使用相对)。
使用固定边框也会遇到麻烦。
有关更多信息,请参阅https://developer.mozilla.org/en-US/docs/Web/CSS/position。
您也可以尝试使用css border属性执行此操作:https://developer.mozilla.org/en-US/docs/Web/CSS/border。
祝你好运。