我正在尝试完成以下布局，
http://www.rae-mx.com/test/css-layout.jpg
我几乎在那里，除了最后一个绿色div，它根据内容（白色）div的内容越来越低。如果我为绿色div设置了TOP属性的值，然后我向内容div添加了一些文本，则绿色div会越来越低。
由于绿色div是主容器div的子，并且绿色div相对定位，是不是应该专门放置在它的TOP值所指示的位置？如果我不正确...有人可以告诉我如何才能使绿色div始终显示在容器（灰色）div内的同一位置，无论内容/白色div的高度如何？ / p>
我试图在这里粘贴css代码，但是浏览器出了问题。你可以在http://www.rae-mx.com/test
看到测试网站的来源/ csstia求助。
答案 0 :(得分：0)
我认为你误解了相对定位是如何运作的。如果某些内容被标记为position: relative，那么该元素的定位 。但是，position: absolute的任何后代元素都是相对于该元素的定位。
所以你想要的基本骨架就是：
#main { position: relative; }
#menu { position: absolute; top: 10; right: 10; }
#content { position: absolute; top: 30; }
#contact { position: absolute; top: 180; right: 10; }
看看Absolute and Relative Positioning。这称为相对+绝对定位。
答案 1 :(得分：0)
如果您想要在同一个地方放置某些东西，请使用position：absolute。位置：relative用于在元素放入正常流程后移动元素。
并记住：对于position：绝对0,0是第一个的左上角（最靠近元素，从元素走到根时）父级的位置：relative或position：absolute