我有一个问题要问前端 Web 开发专家,这个问题一直困扰着我。
在我的页面上,我有一个固定在页面右侧的侧边栏,然后是一大块内容(固定宽度),其占用的宽度超过了浏览器窗口的宽度。问题是,看不到 div 最右侧的内容,因为它位于固定侧边栏的后面。
Here is a super stripped down example of my issue in jsFiddle.
编辑: Here is a more complete example of my issue.
我认为只需将 padding-right: "width of sidebar"px 应用于正文或包装器 div,或将 margin-right: "width of sidebar"px 应用于内容 div 即可解决问题,但是都不起作用。除非没有办法用 CSS 实现这种效果,否则我不想求助于填充 div。
我在 google 上搜索了这个问题,但我发现的只是关于如何从右侧删除空格的问题,这与我想做的相反。
感谢任何能解决这个问题的人!
编辑:在看到关于为什么我不能简单地以不同方式设置事物的多个问题后,我想我应该通过展示一个更深入的例子来说明我正在尝试做什么完成。你可以看到 here .表格中的列必须是固定宽度的,我希望能够看到最后一列的全部内容。希望这有助于澄清事情!
最佳答案
我知道您已经想出了一个 jquery 解决方案,但我认为您可以使用一个简单的 css 规则:
tr td:last-child { padding-right: 100px; }
它只是在每个 tr
中的最后一个 td
上设置填充,等于固定的右侧边栏宽度。
关于html - 强制空白出现在固定宽度的 div 和页面右侧之间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11397072/