Javascript 使用左边距（在100%宽度的元素上）显示固定菜单时，避免使用水平滚动条_Javascript_Jquery_Html_Css_Css Position

Javascript 使用左边距（在100%宽度的元素上）显示固定菜单时，避免使用水平滚动条

javascript jquery html css

Javascript 使用左边距（在100%宽度的元素上）显示固定菜单时，避免使用水平滚动条,javascript,jquery,html,css,css-position,Javascript,Jquery,Html,Css,Css Position,在我的页面中，左侧有一个150px宽的固定菜单td（不随页面滚动）。页面容器的宽度为100%。当您在元素上使用position:fixed时，它会将元素从布局中移除，因此您必须绕过它以确保所有内容都可以看到。因此，我在页面容器上设置了左边距：150px。这导致它从屏幕右侧溢出150px，从而显示一个水平滚动条我不能只是隐藏溢出，因为元素需要水平居中，而且它们会显示得太右。我不能用JavaScript计算它，因为菜单是可折叠的，所以每次折叠菜单时都需要重新计算宽度。我也不能编辑HTML；我正在用

在我的页面中，左侧有一个150px宽的固定菜单

td

（不随页面滚动）。页面容器的宽度为100%。当您在元素上使用

position:fixed

时，它会将元素从布局中移除，因此您必须绕过它以确保所有内容都可以看到。因此，我在页面容器上设置了

左边距：150px

。这导致它从屏幕右侧溢出150px，从而显示一个水平滚动条

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

这里有一个演示可以更好地解释我的问题：

删除

宽度：100%！重要的从您的单元格中删除水平滚动。td元素将自行完成此任务。
您希望通过框大小：边框框
更改框模型
好的，我想好了。因为td
上的宽度在属性中设置为600
，使用width:auto！重要信息
覆盖该设置。
删除样式宽度：100%！重要的来自第页_cont@krish：请参阅下面我对Michael答案的评论。问题是我重新设计的网站有
，因此我必须覆盖它。您可以尝试javascript$（'td.main\u content'）.width（'auto'）或$（'td.main\u content'）。删除文本（'width'）