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

精通CSS由安迪·巴德是一个相当不错的书，我推荐大家看看。你应该抓住它，如果你想要的不仅仅是一种偶然的理解，否则，如果你的谷歌“CSS教程”，你会得到百万点击。

Answer 4

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

现在，您的问题，您使用的定位在所有或者只是漂浮？虽然漂浮物不是用于布局的，但它们已经成为了一个巨大的工具，但也有其他的警告。

孩子会继承父母的属性，除非被覆盖。

听起来像是如果你用的花车，你会漂浮的项目左/右，坚持50像素的保证金左或右。如果绝对定位，那么只需检查屏幕上的坐标并使用left：和top：以px作为放置位置。

很明显，你必须有父母或容器的位置是：相对于它包装元素你绝对位置的，是元/儿童将得到靠住项目。

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