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作爲放置位置。

很明顯，你必須有父母或容器的位置是：相對於它包裝元素你絕對位置的，是元/兒童將得到靠住項目。

相對建立定位概念/目標。但是，它在文件流程中與自己的位置「相對」。