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

回答