Html 滚动和css与“对齐”；右：0px“；_Html_Css_Scroll_Alignment

Html 滚动和css与“对齐”；右：0px“；

html css scroll

Html 滚动和css与“对齐”；右：0px“；,html,css,scroll,alignment,Html,Css,Scroll,Alignment,在HTML页面中，如果我将一些与“right:0px”对齐，它们看起来都非常漂亮，正如我所期望的那样。但是，如果我缩小浏览器窗口并显示水平滚动条，当我向右滚动页面时，我会看到意外的空白（而不是我的的背景色）。我的似乎与页面的可见区域对齐。请参见下面的示例代码： <html> <head> <style> <!-- #parent { position: absolute;

在HTML页面中，如果我将一些

与“right:0px”对齐，它们看起来都非常漂亮，正如我所期望的那样。但是，如果我缩小浏览器窗口并显示水平滚动条，当我向右滚动页面时，我会看到意外的空白（而不是我的

的背景色）。我的

似乎与页面的可见区域对齐。请参见下面的示例代码：

<html>
    <head>
        <style>
        <!--
        #parent {
            position: absolute;
            left: 0px;
            right: 0px;
            top: 0px;
            bottom: 0px;
            background-color: yellow;
        }

        #child {
            position: absolute;
            left: 100px;
            top: 300px;
            width: 1000px;
            height: 400px;
            background-color: blue;
        }
        -->
        </style>
    </head>
    <body>
        <div id="parent"><div id="child">some text here</div></div>
    </body>
</html>


这里有一些文字

有没有办法让“right:0px”属性使控件相对于整个页面的大小而不仅仅是可视区域对齐

谢谢

如果您添加

html{ border: 3px solid red }

在样式表中，您将看到您正在将“right”属性设置为页面边缘

我认为你需要重新考虑你的策略。你想达到什么目的？

如果你添加

html{ border: 3px solid red }

在样式表中，您将看到您正在将“right”属性设置为页面边缘

我认为你需要重新考虑你的策略。您想要实现什么？

问题在于父元素中的“绝对”位置，因为它可以根据定义滚动

如果将位置设置为“fixed”，并将附加属性overflow设置为“scroll”，则应该与预期的一样

#parent {position: fixed;
         overflow: scroll;         
         left: 0px;
         top: 0px;
         right: 0px;
         bottom: 0px;
         background-color: yellow;
        }

问题在于父元素中的“绝对”位置，因为它可以根据定义滚动

如果将位置设置为“fixed”，并将附加属性overflow设置为“scroll”，则应该与预期的一样

#parent {position: fixed;
         overflow: scroll;         
         left: 0px;
         top: 0px;
         right: 0px;
         bottom: 0px;
         background-color: yellow;
        }

除非绝对必须，否则不要使用绝对位置。使用边距和填充物代替。别忘了重置页边距和填充，这样你就不会从浏览器默认的位置开始。

除非你绝对必须，否则不要使用绝对位置。使用边距和填充物代替。别忘了重新设置页边距和填充，这样你就不会从浏览器的默认设置开始了。

对吗？底部？你确定这些是真正的CSS属性吗？通常您只需设置顶部/左侧，然后设置宽度/高度…

右侧？底部？你确定这些是真正的CSS属性吗？通常您只需设置顶部/左侧，然后设置宽度/高度…

在您的情况下是否需要使用绝对定位？否则，您可以删除左侧和右侧属性，只需使用宽度：100%

我的答案是我想要更改对齐滚动？示例“右对齐”滚动条

我的答案是我想要更改对齐卷轴？示例“右对齐”滚动条

好的，但是使用左、右、下和上的逻辑是什么？好的，但是使用左、右、下和上的逻辑是什么呢？假设边框、边距和填充都设置为0，那么就可以了。否则，这些项目将扩展到可见页面之外。记住宽度是将所有这些应用于框内模型之前的渲染宽度。假设边框、边距和填充都设置为0，则可以这样做。否则，这些项目将扩展到可见页面之外。记住，宽度是所有这些应用于箱中模型之前的渲染宽度。谢谢。你的回答把我带到了正确的方向。我想我没有充分解释我想要什么。最后，我在“#parent”中添加了两个属性：“最小宽度：1100px；最小高度：700px；”。基本上，我不想让父母的体型变得比孩子们所覆盖的面积小。谢谢。你的回答把我带到了正确的方向。我想我没有充分解释我想要什么。最后，我在“#parent”中添加了两个属性：“最小宽度：1100px；最小高度：700px；”。基本上，我不希望父母的大小比孩子们所覆盖的面积小。