"Absolute Positioned" 项目垂直移动布局
"Absolute Positioned" Item shifting layout vertically
我最近想出了如何使用绝对位置垂直对齐一个项目，并且在我今天对它做了一些事情之前它工作得很好。我正在重新设计我的布局，以便它可以流畅地工作并在不同的屏幕分辨率下工作，现在该项目正在向上移动并覆盖现有的布局项目，延伸到它包含的 div 之外很远（有没有办法避免它发生了什么？）。我知道它这样做是因为我读过的 "Absolute positioned" 将它从网站的流程中删除了，但是有没有办法将这个项目保留在它包含的 div 中？它正在向上移动，因为当屏幕缩小时，内容会被挤压在一起，并将所有内容向上推。
这让我特别抓狂，因为我很确定它之前工作得很好，即使调整了大小，我想我搞砸了一些东西并毁了它。我如何让这个绝对位置的东西表现出来？
您可以尝试使用 z-index 属性，但这取决于您的布局
将项目父元素的定位设置为relative。绝对定位的元素仅相对于它们最近的绝对或相对定位的父元素。
但是，可能有比使用绝对定位更好的方法来实现您想要的垂直对齐...
我最近想出了如何使用绝对位置垂直对齐一个项目，并且在我今天对它做了一些事情之前它工作得很好。我正在重新设计我的布局，以便它可以流畅地工作并在不同的屏幕分辨率下工作，现在该项目正在向上移动并覆盖现有的布局项目，延伸到它包含的 div 之外很远（有没有办法避免它发生了什么？）。我知道它这样做是因为我读过的 "Absolute positioned" 将它从网站的流程中删除了，但是有没有办法将这个项目保留在它包含的 div 中？它正在向上移动，因为当屏幕缩小时，内容会被挤压在一起，并将所有内容向上推。
这让我特别抓狂，因为我很确定它之前工作得很好，即使调整了大小，我想我搞砸了一些东西并毁了它。我如何让这个绝对位置的东西表现出来？
您可以尝试使用 z-index 属性，但这取决于您的布局
将项目父元素的定位设置为relative。绝对定位的元素仅相对于它们最近的绝对或相对定位的父元素。
但是，可能有比使用绝对定位更好的方法来实现您想要的垂直对齐...