左侧和右侧有div边框的居中布局(使用bg图像)(drupal)

时间:2015-06-21 20:03:59

标签: html css drupal

我已经使用Boilerplate主题开始了关于drupal的新主题。 我试图实现一个居中(响应宽度)布局,左右两侧都有边框。我附上了一张图。 DIAGRAM HERE

我的左侧边框工作正常,它们位于#PAGE div中,这是所有内容中唯一的WRAPPER。 (上面没有其他div)

正如我在图中所示,我遇到了右侧边框的问题。使用与左边框相同的CSS语法,您可以看到它们一直位于右侧,即使它们位于#PAGE div内。为什么是这样?为什么#PAGE div不能把它拉在一起?

感谢您的帮助!

EDIT code jsFiddle demo/mockup

PS-这些'边界'需要将图像保存为背景,所以我不能简单地使用边框'属性。和边界图像'没有得到很好的支持。 DIV是我需要的。

1 个答案:

答案 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

祝你好运。