是否可以在不使用绝对坐标的情况下将div与CSS重叠 - 也就是说,相对定位？
我有一个背景图片我分成3个垂直的部分,
然后我希望将我的主要网站内容置于其中心.我不确定如何在不使用绝对定位的情况下执行此操作.
Kinda like this
|$$$$$|**********************|&&&&&|
|$$$$$|**********************|&&&&&|
|$$$$$|----------------------|&&&&&|
|$$$$$| |&&&&&|
|$$$$$| |&&&&&|
|$$$$$|shakeyour<body></body>|&&&&&|
|$$$$$| |&&&&&|
|$$$$$| |&&&&&|
|$$$$$|----------------------|&&&&&|
|$$$$$|**********************|&&&&&|
|$$$$$|**********************|&&&&&|
Different symbols = differnt background image or pattern
我正在考虑将背景设置为三个div,然后将body div定位为绝对,但我希望它以宽屏显示为中心.有任何想法吗？
For example, the expected behavior under resizing:
|$$$$$|**********************|&&&&&|
|$$$$$|**********************|&&&&&|
|$$$|--------------------------|&&&|
|$$$| |&&&|
|$$$| |&&&|
|$$$| shakeyour<body></body> |&&&|
|$$$| |&&&|
|$$$| |&&&|
|$$$|--------------------------|&&&|
|$$$$$|**********************|&&&&&|
|$$$$$|**********************|&&&&&|
---
|$$$$$|**********************|&&&&&|
|$$$$$|**********************|&&&&&|
|$|------------------------------|&|
|$| |&|
|$| |&|
|$| shakeyour<body></body> |&|
|$| |&|
|$| |&|
|$|------------------------------|&|
|$$$$$|**********************|&&&&&|
|$$$$$|**********************|&&&&&|
<div style="float: left; width: 20%;">Left</div>
<div style="float: left; width: 60%; margin: 0 20%;">Center</div>
<div style="float: right; width: 20%;">Right</div>
你需要这样的东西。当然，移动 CSS 文件中的样式，并添加背景。