0

我有一个带有侧边栏的网页,其中包含该网站的导航选项。侧边栏的宽度为 6em(右:0px,高度:100%,位置:固定)。

我希望其余内容利用页面的大部分其余部分(总宽度的 100%,负 7em)。

现在,我在主要内容上使用百分比 - 有没有更聪明/更好的方法?

谢谢

4

3 回答 3

1

当然,在剩余页面上保持 100% 宽度并添加

左填充:7em;

(您的剩余页面应放置在包含 div 中)

于 2013-02-13T15:09:44.753 回答
1

很难说没有看到一些 HTML,但我只需将您的内容 div 设置为 100% 宽度并添加 7em 的右填充以适应侧边栏。您在内容 div 中执行的操作由您自行决定。

于 2013-02-13T15:10:15.033 回答
0

如果主要内容是display: block,默认会用完整个可用区域。无需将其指定为100%宽度。为确保没有重叠,请给它一个右边距6em(或导航栏的宽度)。根据您的某些内部元素样式,可能会出现问题,但不太可能。

http://jsfiddle.net/XFaeZ/

请注意“内容”是如何可见的,即使它浮动到右侧。如果#contentdiv 设置为width: 100%,它的边距会超出页面的宽度,并且“内容”会被遮挡。

于 2013-02-13T15:13:26.823 回答