css定位孩子/父母

Question

我想知道是否有人知道关于孩子/父母在定位方面如何在css中工作的教程或指南？我试图将div元素与另一个同类元素相距50 px，但我不能让它工作。

// Thx提前。

Answer 1

官方文档相当不错：

首先，你必须学习盒子模型的基础知识：
http://www.w3.org/TR/CSS2/box.html

然后你可以看到视觉格式的可能性：
http://www.w3.org/TR/CSS2/visuren.html

Answer 2

要使用CSS进行布局，您应该熟悉box model。

A List Apart也是关于这个主题的好读物。

至于你的具体情况，请更具体。

Answer 3

Andy Budd的CSS Mastery是一本非常好的书，我建议大家查看。你应该抓住它，如果你想要的不仅仅是一个随意的理解，否则，如果你谷歌“CSS教程”你会得到一百万次点击。

Answer 4

一本名为CSS Detective的新书非常棒。一个句子的解释，包括定位，浮点等所有常见问题的代码示例，然后，有四/五个案例研究，包含所有代码供您查看，并在解释之前找出错误。

现在，关于你的问题，你是使用定位还是仅使用花车？虽然浮动不是用于布局，但它们已经成为了一个巨大的工具，但有其他一些注意事项。

除非被覆盖，否则子项将继承其父属性。

听起来如果你使用花车，你会左/右浮动物品并向左或向右延伸50px。如果绝对定位，那么只需检查屏幕坐标并使用left：和top：px到哪里放置它。

显然，你必须有一个父级或容器，其位置为：relative，它会完全包裹你所定位的元素，因为这是元素/子项将被定位的项目。

相对建立定位概念/目标。但是，它与文档流程中自己的位置“相对”。