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 回答