你怎么知道像素的位置

Question

如果我不清楚的话，我会试着以最好的方式问这个对不起。

我正在尝试学习css和html。

在定位图像时，例如top: # px;，我如何知道像素位置是什么？有没有一个程序或者它是一个猜谜游戏？

我希望你能理解我的问题。感谢

Answer 1

仅使用CSS了解元素的位置是不可能的。这可以使用javascript完成。请查看link1和link2。

如果你了解jQuery，它会更简单。 只需使用.offset()。

  

是否有一个程序或者它是一个猜谜游戏？

当您为布局中的所有元素指定固定尺寸时，您还可以猜测元素的位置。

Answer 2

如果您尝试将CS​​S top属性与display:absolute或fixed结合使用，那么是的，它主要是猜谜游戏。您可以使用浏览器插件来调整CSS，以便在更改元素时可以看到元素的位置，获得支持实时更新或预览的IDE，或者自己截取屏幕并测量像素。

但是，通常情况下，您不应该以这种方式放置元素。让DOM做它的事情，并使用填充和边距将东西放到正确的位置。这需要一些试验和错误才能使视觉上具有吸引力，但实际上并没有那么糟糕。