html - 强制空白出现在固定宽度的 div 和页面右侧之间

标签 html css

我有一个问题要问前端 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/

相关文章:

javascript - 固定侧边栏对于浏览器来说太高(底部被切断)

html - 为什么表行中的图像不能在 ios 邮件上并排呈现?

html - 使用主页面滚动在固定 DIV 上滚动

html - 取消设置最大宽度 :100% and height:auto;

Jquery 在字符串中查找字符并应用自定义类

html - CSS改变网格框的可变范围

html - 创建下拉菜单

java - jTidy 在整理 HTML 后不返回任何内容

javascript - 无法读取具有值、innerHTML 或选中的复选框的值

css - 正则表达式匹配线性梯度