將em用於導航邊欄 - 剩餘容器使用什麼單位？

Question

我有一個帶有側邊欄的網頁，該側邊欄具有該網站的導航選項。側邊欄寬度爲6em（右：0px，高度：100％，位置：固定）。

我希望剩餘內容能夠利用頁面的其餘部分（總寬度的100％，減去7em）。

現在，我在主要內容上使用百分比 - 是否有更智能/更好的方法？

由於

Answer 1

當然，保持剩餘的頁面上的100％的寬度，並添加

填充左：7em;

（您剩餘的頁面應該放在一個容器div內）

Answer 2

很難不看到一些HTML說，但我會簡單地設置您的內容股利100％的寬度，並添加7em的右填充以適應邊欄。你在內容div裏面做的是你自己決定的。

Answer 3

如果主要內容是display: block，它將默認使用整個可用區域。沒有必要將其指定爲100%寬度。爲了確保沒有重疊，給它一個6em（或任何導航欄的寬度）的右邊距。根據你的一些內部元素樣式，可能會有問題，但這不太可能。

http://jsfiddle.net/XFaeZ/

通知「內容」如何是可見的，即使它漂浮到右邊。如果#content div設置爲width: 100%，則其頁邊距將延伸，過去頁面的寬度和「內容」將被遮擋。