CSS对齐：水平阻塞？

我正在研究一个CMS模板，并试图找出这是否可能。我无法在网上找到任何东西，也许我只是使用了错误的关键字。CSS对齐：水平阻塞？

有此模型给出：

<div> #1是一个固定的 '旗帜' 容器左对齐。

<div> #2是另一个具有固定宽度的容器。它应该以整个场地为中心进行测量（比例＃2），但不得与<div> #1（比例＃1）重叠。

问题：当浏览器窗口太小（例如调整大小，移动浏览器），该容器与<div> #1重叠。根据他们的z-索引，其中一个在另一个之上。

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

方法2：这两种风格的position: relative; float: left; z-index: 10
但<div> #2不对齐到网站的中心了。

由于这是一个resticted模板后端我工作，我不能添加额外的容器，因为我想。我只能访问位于<body>和网站功能开始之间的HTML文件部分。所以我只能添加单独的<div>（如<div> #1），但不能与网站的其他部分（如<div> #2）级联。

任何暗示另一种方法表示赞赏！

2010-11-15 neoflox

你不应该用数值开始ID或类名，始终以字母开头！ '＃nr1'和'＃nr2'。此外，您的代码的实例或完整示例将对您的问题起到很大帮助。 – Kyle 2010-11-15 12:40:26

哇，你就像我 - 但更小... – 2010-11-15 12:53:45

@凯尔，不用担心。我只是在模型中将它们命名为这样，以便更容易理解。谢谢你的点头。 @Neuroflox - 平原大声笑。 – neoflox 2010-11-15 13:41:16

你的问题是CSS没有min-margin，你可以在div2上设置div1的宽度。我记得读过关于这个的文章不久前，发现由Ron Adair的一个很好的解决方案：

其中一个更复杂的解决方案，提出完整的文章。罗恩则评论他的更简单的方法来获得相同的结果：

2010-11-15 12:53:36 Bazzz

可爱，谢谢Bazzz！正是我喜欢我的工作方式;） – neoflox 2010-11-15 14:57:37

辉煌，很高兴我能帮上忙。快乐的编码！ :) – Bazzz 2010-11-19 15:18:32

回答