html相对定位重叠了,css – 重叠div与相对定位？

是否可以在不使用绝对坐标的情况下将div与CSS重叠 – 也就是说,相对定位？

我有一个背景图片我分成3个垂直的部分,

>第一个是左对齐的,

>第二个重复在中间,

>第3个是右对齐的

然后我希望将我的主要网站内容置于其中心.我不确定如何在不使用绝对定位的情况下执行此操作.

Kinda like this

|$$$$$|**********************|&&&&&|

|$$$$$|**********************|&&&&&|

|$$$$$|----------------------|&&&&&|

|$$$$$| |&&&&&|

|$$$$$| |&&&&&|

|$$$$$|shakeyour

|&&&&&|

|$$$$$| |&&&&&|

|$$$$$| |&&&&&|

|$$$$$|----------------------|&&&&&|

|$$$$$|**********************|&&&&&|

|$$$$$|**********************|&&&&&|

Different symbols = differnt background image or pattern

我正在考虑将背景设置为三个div,然后将body div定位为绝对,但我希望它以宽屏显示为中心.有任何想法吗？

For example, the expected behavior under resizing:

|$$$$$|**********************|&&&&&|

|$$$$$|**********************|&&&&&|

|$$$|--------------------------|&&&|

|$$$| |&&&|

|$$$| |&&&|

|$$$| shakeyour

|&&&|

|$$$| |&&&|

|$$$| |&&&|

|$$$|--------------------------|&&&|

|$$$$$|**********************|&&&&&|

|$$$$$|**********************|&&&&&|

---

|$$$$$|**********************|&&&&&|

|$$$$$|**********************|&&&&&|

|$|------------------------------|&|

|$| |&|

|$| |&|

|$| shakeyour

|&|

|$| |&|

|$| |&|

|$|------------------------------|&|

|$$$$$|**********************|&&&&&|

|$$$$$|**********************|&&&&&|