0

在我的页面中,左侧有一个固定菜单td(不随页面滚动),宽度为 150 像素。页面容器为 100% 宽度。当您position:fixed在元素上使用时,它会将元素从布局中移除,因此您必须围绕它进行工作以确保可以看到所有内容。正因为如此,我margin-left:150px在页面容器上进行了设置。这导致它从屏幕右侧溢出 150 像素,从而显示水平滚动条。

我不能只隐藏溢出,因为元素需要水平居中,而且它们会显得太靠右了。我不能用 JavaScript 计算它,因为菜单是可折叠的,所以每次折叠菜单时都需要重新计算宽度。我也无法编辑 HTML;我正在用 CSS 和 JavaScript/jQuery 重新设计一个网站。

这是一个可以更好地解释我的问题的演示:http: //jsfiddle.net/3yBRV/4/embedded/result/

4

3 回答 3

1

从您的单元格中删除width: 100% !important;以摆脱水平滚动。您的 td 元素将自行完成这项工作。

于 2012-09-16T16:24:17.087 回答
0

好的,我想通了。因为在属性td中设置了宽度,所以使用覆盖了该设置。600width: auto !important

于 2012-09-16T20:01:56.723 回答
0

你想通过改变盒子模型box-sizing: border-box

http://css-tricks.com/box-sizing/

于 2012-09-16T17:34:41.700 回答