html - CSS 对齐 div 内的图像

Question

大家好，我有主 div 标签:height:1800px;宽度:1200px；它里面有两个图像 h:1800px 和 w:100px 的 div。我想首先在 Main div 中对齐一个顶部和右侧以及第二个顶部和左侧。

我试过这个:

    #LeftFull{ position:absolute;
    top:0;
    left:0;}

#RightFull{ position:absolute;
    top:0;
    right:0;}

但它在 body 而不是 Main div 中工作

Answer 1

如果您希望它起作用，那么您还需要定位 div。没有未定位的父级，绝对位置不起作用。我要么改用 relative，要么用 relative 定位 div。

    #LeftFull{ position:absolute;
    top:0;
    left:0;}

#RightFull{ position:absolute;
    top:0;
    right:0;}

#div{ position:relative;}

这应该使您的图像将自己定位在 div 周围，而不是页面主体。