我有一个 div,需要将图像粘贴到右下角。这很容易通过以下方式完成:
#div1 {
position: relative;
}
#div1 img {
position: absolute;
bottom: 0;
right: 0;
}
但是,div 的高度会随着一系列嵌套列表的片段在悬停事件中显示和隐藏而动态变化。当 div 的高度发生变化时,图像将保持在页面加载时放置的位置。当图像上下移动时,如何让图像随着 div 的底部移动?
我有一个 div,需要将图像粘贴到右下角。这很容易通过以下方式完成:
#div1 {
position: relative;
}
#div1 img {
position: absolute;
bottom: 0;
right: 0;
}
但是,div 的高度会随着一系列嵌套列表的片段在悬停事件中显示和隐藏而动态变化。当 div 的高度发生变化时,图像将保持在页面加载时放置的位置。当图像上下移动时,如何让图像随着 div 的底部移动?
一个想法:用一个有两行的无边框表格来伪造它:第一行的 div 部分,第二行的图像。
这不应该发生。您的代码中的其他地方有错误。
当它的内容改变时,你的 div 高度真的改变了吗?我们需要更多代码(html、js 和 css)。
您应该将您的 div 分成角落,并将它们单独包含在外框元素中。这基本上就像一个网站;带有页眉、正文和页脚。无论如何,不要使用 Javascript。
从 Nitfy Corners 中查看此示例:http: //www.html.it/articoli/nifty/index.html