如何制作100%宽度的固定div以在右侧留出一些空间?

时间:2012-05-10 05:01:50

标签: width html css-position

我有一个divposition设置为fixed。此div是网站的标题。

问题是它应该100 % width除了在右边缘留下一个小间隙,我们会在其中显示自定义样式的滚动条。此页面的body已完全定位,overflow设置为scroll以显示自定义滚动条。

我尝试使用100%宽度,但后来需要100%的view-port而不是其父级。我也尝试将margin-right设置为滚动条宽度,但似乎并不尊重。有没有办法在不使用Javascript的情况下执行此操作?

2 个答案:

答案 0 :(得分:1)

我来说吧..

如果您的宽度设置为100%,并设置margin-right:20px; ..那么20px将添加到原始div。

除此之外,我不知道你在谈论什么而没有看到它。

答案 1 :(得分:0)

我不会将宽度设置为100%,而是使用

之类的东西
#header {
    height:30px; /* assumption */
    top:0;
    left:0;
    right:10px; /* assumption */
}