CSS对齐：水平阻塞？

题

我正在处理CMS模板，并尝试找出是否可以。我无法在网上找到任何东西，也许我只是使用了错误的关键字。

给定这个模型：

<div> #1 是一个固定的“横幅”容器左对齐。

<div> #2 是一个具有固定宽度的容器。它应该以整个站点为中心作为测量（比例＃2），但不应与 <div> #1 （比例＃1）。

问题: ：当浏览器窗口太小（例如调整大小，移动浏览器）时，容器与 <div> #1. 。根据他们的z指数，其中一个位于另一个。

方法1: ：两个容器在同一z索引上。 <div> #2 有 margin:0 auto;
但这不会阻止它们重叠。

方法2: ：两个样式 position: relative; float: left; z-index: 10
但 <div> #2不再与网站中心保持一致。

由于这是我正在处理的重新模板后端，因此我无法按照自己的意愿添加其他容器。我只能访问HTML文件的部分 <body> 以及网站的开始功能。所以我只能添加单独 <div>S（喜欢 <div> #1），但不能在网站的其余部分中级联 <div> #2).

任何提示另一种方法都赞赏！

解决方案

您的问题是，CSS没有DIV1宽度在DIV2上设置的最小细边缘。我记得不久前读过一篇关于此书的文章，并找到了罗恩·阿黛尔（Ron Adair）的好解决方案：

提供更复杂解决方案的完整文章。罗恩然后评论他更容易获得相同结果的方法：

许可以下： CC-BY-SA 和归因