我有一个带有侧边栏的网页,其中包含该网站的导航选项。侧边栏的宽度为 6em(右:0px,高度:100%,位置:固定)。
我希望其余内容利用页面的大部分其余部分(总宽度的 100%,负 7em)。
现在,我在主要内容上使用百分比 - 有没有更聪明/更好的方法?
谢谢
我有一个带有侧边栏的网页,其中包含该网站的导航选项。侧边栏的宽度为 6em(右:0px,高度:100%,位置:固定)。
我希望其余内容利用页面的大部分其余部分(总宽度的 100%,负 7em)。
现在,我在主要内容上使用百分比 - 有没有更聪明/更好的方法?
谢谢
当然,在剩余页面上保持 100% 宽度并添加
左填充:7em;
(您的剩余页面应放置在包含 div 中)
很难说没有看到一些 HTML,但我只需将您的内容 div 设置为 100% 宽度并添加 7em 的右填充以适应侧边栏。您在内容 div 中执行的操作由您自行决定。
如果主要内容是display: block
,默认会用完整个可用区域。无需将其指定为100%
宽度。为确保没有重叠,请给它一个右边距6em
(或导航栏的宽度)。根据您的某些内部元素样式,可能会出现问题,但不太可能。
请注意“内容”是如何可见的,即使它浮动到右侧。如果#content
div 设置为width: 100%
,它的边距会超出页面的宽度,并且“内容”会被遮挡。