Question

这是我制作的图片幻灯片的HTML / CSS，一切正常。但是我在将内容保留在“内容”div中时遇到问题，任何帮助让它留在那里而不是留下它的参数都会非常感激。它处于正确的位置，只是内容div不会扩展以适应幻灯片。

<div class="content">
    <div id="slideshow">
    <img src="Image.jpg" alt=""/>
    <img src="Image.jpg" alt=""/>
    <img src="Image.jpg" alt=""/>
    <img src="Image.jpg" alt=""/>
    <img src="Image.jpg" alt=""/>
</div>
</div>


#slideshow {
position: relative; top: 0; left: 0;
}

#slideshow img { 
max-width: 100%;
position: absolute; top: 30; left: 70;
}

Answer 1

#slideshow img { 
    max-width: 100%;
    position: absolute; top: 30px; left: 70px;
}                              ^^          ^^ you were missing the px

如果值不为0，则需要包含px或％

我根据您提供的代码建议的唯一另一件事是没有提供的是

.content {
   position: relative;
}

Answer 2

尝试：

#slideshow {
position: relative; top: 0; left: 0; overflow: hidden;
}

CSS div大小问题

2 个答案: