在我的页面中,左侧有一个固定菜单td
(不随页面滚动),宽度为 150 像素。页面容器为 100% 宽度。当您position:fixed
在元素上使用时,它会将元素从布局中移除,因此您必须围绕它进行工作以确保可以看到所有内容。正因为如此,我margin-left:150px
在页面容器上进行了设置。这导致它从屏幕右侧溢出 150 像素,从而显示水平滚动条。
我不能只隐藏溢出,因为元素需要水平居中,而且它们会显得太靠右了。我不能用 JavaScript 计算它,因为菜单是可折叠的,所以每次折叠菜单时都需要重新计算宽度。我也无法编辑 HTML;我正在用 CSS 和 JavaScript/jQuery 重新设计一个网站。
这是一个可以更好地解释我的问题的演示:http: //jsfiddle.net/3yBRV/4/embedded/result/