Css 我是否可以绝对基于它来定位元素'；谁有自己的底线？
我需要定位一个元素，使其刚好离开屏幕顶部（这将是一个向下滑动的菜单）。当然，我可以使用Css 我是否可以绝对基于它来定位元素'；谁有自己的底线？,css,css-position,absolute,Css,Css Position,Absolute,我需要定位一个元素，使其刚好离开屏幕顶部（这将是一个向下滑动的菜单）。当然，我可以使用position:absolute和top:0px，但这将基于我的元素上边缘按元素定位 我可以用我的元素底边做同样的事情吗 例如： #foo { position: absolute; top: 0px; } 请给我这个： ------------------------------------------- | | |
position:absolutetop:0px#foo {
position: absolute;
top: 0px;
}
-------------------------------------------
| | |
| id="foo" | <body> |
---------------- |
| |
| |
-------------------------------------------
-------------------------------------------
| | |
|id=“foo”|
---------------- |
| |
| |
-------------------------------------------
----------------
| |
| id="foo" |
-------------------------------------------
| |
| <body> |
| |
| |
| |
-------------------------------------------
----------------
| |
|id=“foo”|
-------------------------------------------
| |
| |
| |
| |
| |
-------------------------------------------
或者这不是CSS自己可以处理的吗？似乎您想从
底部定位元素100%
：
.parent{
宽度：400px；
高度：200px；
利润率：75px；
位置：相对位置；
边框：1px实心；
}
.孩子{
宽度：200px；
高度：50px；
背景：红色；
位置：绝对位置；
底部：100%；
}
您似乎想从底部定位元素100%
：
.parent{
宽度：400px；
高度：200px；
利润率：75px；
位置：相对位置；
边框：1px实心；
}
.孩子{
宽度：200px；
高度：50px；
背景：红色；
位置：绝对位置；
底部：100%；
}
一种方法是使用translateY（-100%）
：
div{
转换：translateY（-100%）；
背景：红色；
}
身体{
保证金：0；
}
Lorem ipsum door sit amet，一位杰出的领导者。这是一个很好的例子。Nam et elit lacus。猫科植物元素Aliquam imperdiet arcu commodo sollicitudin。《威尼斯圣母院》中的大师。前庭直径。克拉斯
精英们坐在车对上，尊贵的人坐在车对上。Integer finibus、nisl maximus accumsan congue、ligula eros efficitur magna、ac leo孕妇sapien dolor。临时性的晨曦。tincidunt的Maecenas酵母菌和nisl。艾蒂安
这是一份履历表。Nam ultrices tortor a congue ullamcorper。奎斯克坐在阿梅特·库苏斯·麦格纳身边，一个菲尼布斯·莫里斯。酒后驾车在Placelat orci，vitae ultrices dolor。波苏尔家族、奥纳雷家族、奥奇家族、维韦拉家族和马萨家族
码头。Morbi sollicitudin justo sapien，congue feugiat arcu vehicula et.Integer faucibus leo sit amet enim efficitur，ac laoreet Leifend。不要坐在阿梅特·里索斯·马萨旁边。奥古斯。这是一个非常有效率的人，是一个非常有效率的人。
万岁。智慧的源泉，智慧的源泉。直径为1厘米，边缘为1厘米，无光泽。整型ac前庭按摩，二次使用。无便利。前庭尊严吊牌。
前庭是连续的。阿利奎姆维塔苏西皮特普鲁斯。
一种方法是使用translateY（-100%）
：
div{
转换：translateY（-100%）；
背景：红色；
}
身体{
保证金：0；
}
Lorem ipsum door sit amet，一位杰出的领导者。这是一个很好的例子。Nam et elit lacus。猫科植物元素Aliquam imperdiet arcu commodo sollicitudin。《威尼斯圣母院》中的大师。前庭直径。克拉斯
精英们坐在车对上，尊贵的人坐在车对上。Integer finibus、nisl maximus accumsan congue、ligula eros efficitur magna、ac leo孕妇sapien dolor。临时性的晨曦。tincidunt的Maecenas酵母菌和nisl。艾蒂安
这是一份履历表。Nam ultrices tortor a congue ullamcorper。奎斯克坐在阿梅特·库苏斯·麦格纳身边，一个菲尼布斯·莫里斯。酒后驾车在Placelat orci，vitae ultrices dolor。波苏尔家族、奥纳雷家族、奥奇家族、维韦拉家族和马萨家族
码头。Morbi sollicitudin justo sapien，congue feugiat arcu vehicula et.Integer faucibus leo sit amet enim efficitur，ac laoreet Leifend。不要坐在阿梅特·里索斯·马萨旁边。奥古斯。这是一个非常有效率的人，是一个非常有效率的人。
万岁。智慧的源泉，智慧的源泉。直径为1厘米，边缘为1厘米，无光泽。整型ac前庭按摩，二次使用。无便利。前庭尊严吊牌。
前庭是连续的。阿利奎姆维塔苏西皮特普鲁斯。
aha！是的，就是这样！我从来没有想到过！啊哈！是的，就是这样！我从来没有想到过！1+.. 我认为这种方法可以更加灵活。。例如，使用：hover
转换：我喜欢这样！这可能完全符合我的需要。。我认为这种方法可以更加灵活。。例如，使用：hover
转换：我喜欢这样！这可能完全符合我的需要。
#foo {
position: absolute;
bottom: 100%;
}