Css 为什么左填充不起作用？_Css_Html_Styles

Css 为什么左填充不起作用？

css html

Css 为什么左填充不起作用？,css,html,styles,Css,Html,Styles,我希望下面的内容会将内部（红色）正方形放置在浏览器窗口坐标框中的位置50,50处。但事实并非如此。为什么? <body> <div style="position: fixed; left: 0px; right: 0px; top: 0px; bottom: 0px; background-color: yellow; padding: 50px;"> <div style="position: absolute; left: 0px; right: 0p

我希望下面的内容会将内部（红色）正方形放置在浏览器窗口坐标框中的位置50,50处。但事实并非如此。为什么?

<body>
<div style="position: fixed; left: 0px; right: 0px; top: 0px; bottom: 0px; background-color: yellow; padding: 50px;">
    <div style="position: absolute; left: 0px; right: 0px; width: 64px; height: 64px; background-color: red">
    </div>
</div>
</body>

对不起我的错

我本来想为内部DIV写“top:0px”，但改为写“right:0px”。只是一个错误

您的内部

div

的位置是

绝对的。尝试relative
，或者根本不设置该属性。
您的内部div
的位置是绝对
。尝试relative
，或者根本不设置该属性。
位置：绝对将元素从正常流中移除。由于您将其指定为0，因此它将位于该位置。
位置：绝对将元素从正常流中移除。因为您指定它的左值为0，所以它将位于该位置。
嗯，这是因为您位置：绝对
它将具有左值：0您可能希望这样：
<body>

    <div style="position: fixed; left: 0px; right: 0px; top: 0px; bottom: 0px; background-color: yellow; padding: 50px;">
        <div style="position: absolute; left: 50px; right: 0px; width: 64px; height: 64px; background-color: red">
        </div>
    </div>

</body>

好吧，这是因为你位置：绝对
它有左：0您可能希望这样：
<body>

    <div style="position: fixed; left: 0px; right: 0px; top: 0px; bottom: 0px; background-color: yellow; padding: 50px;">
        <div style="position: absolute; left: 50px; right: 0px; width: 64px; height: 64px; background-color: red">
        </div>
    </div>

</body>

因为位置：绝对在红场上
您可以将其取出并获取，或者设置left
属性并获取
另外，作为旁注，一些人（包括我自己）建议，当值为0时，不要将度量单位附加到CSS属性。某物的零点仍然是零，所以0px、0em等都不重要，它总是计算为0。
因为位置：绝对在红场上
您可以将其取出并获取，或者设置left
属性并获取
另外，作为旁注，一些人（包括我自己）建议，当值为0时，不要将度量单位附加到CSS属性。某物的零仍然是零，所以0px、0em等都不重要，它总是计算为0。
左右上下css表示“距离”。它不应该以你现在使用它的方式来使用
这里有一个更好的例子：
左右上下css表示“距离”。它不应该以你现在使用它的方式来使用
这里有一个更好的例子：

这是我自己的错。我本来想为内部DIV写“top:0px”，但改为写“right:0px”。当元素向下移动而不是向右移动时，我决定顶部填充的处理方式与左侧不同。
这是我自己的错。我本来想为内部DIV写“top:0px”，但改为写“right:0px”。当元素向下移动而不是向右移动时，我决定顶部填充的处理方式与左侧不同。
这是一个相当。。。。特有的做事的方式。你能告诉我们你为什么用那种方式使用position:fixed
和position:absolute
？对于您要完成的任务，可能有更好的解决方案。您希望滚动时红方块保持在该位置吗？我不确定你所说的“浏览器窗口坐标框架”是什么意思。如果你觉得你已经解决了这个问题，请发布并接受你自己的答案。这是一个相当。。。。特有的做事的方式。你能告诉我们你为什么用那种方式使用position:fixed
和position:absolute
？对于您要完成的任务，可能有更好的解决方案。您希望滚动时红方块保持在该位置吗？我不知道你说的“浏览器窗口坐标框架”是什么意思如果你觉得你已经解决了这个问题，请发布并接受你自己的答案。那么为什么它对top不起作用呢？那么为什么它对top不起作用呢？最好是将其纳入你的问题中，而不是创建一个新的答案。最好是将其纳入你的问题中，而不是创建一个新的答案。