Question

<div style="banner" top:0; align="center" position: absolute; z-index: 1; visibility: show;>
<img src="banner.jpg" /></div>
<div style="buttons" align="center" top:200; left:85; position: fixed; z-index: 1; visibility: show;>
<img src="homebutton.jpg"/><img src="aboutbutton.jpg" /><img src="missionbutton.jpg" /><img src="contactbutton.jpg" /><img src="pricingbutton.jpg" /></div>
<div style="pics" align="center" top:370; position: fixed; z-index: 1; visibility: show;>
<img src="inrepair.jpg" /><img src="homeoffice.jpg" /><img src="onsite.jpg" /></div>
<div style="pics2" align="center" top=711; position: fixed; z-index: 1; visibility: show;>
<img src="computers.jpg" /><img src="networking.jpg" alt="Networking"/><img src="games.jpg"/></div>

我的图片组合宽度为1024px。只要我将浏览器大小降低到1024px宽度以下，除了横幅之外的所有图像都会开始堆叠在彼此之上。我希望他们只是隐藏不能像横幅一样显示的内容。我该怎么做才能解决这个问题？我确信这是一个非常简单的解决方案，但我在HTML上非常糟糕。

Answer 1

你可以创建一个“容器”，固定宽度为1024px的元素将包含所有这些图像

<div style="width: 1024px">
    all of the images goes here
</div>

请注意，如果您要保留没有水平滚动的页面，<div>应该小于1024，因为垂直滚动

div内的图像继续移动

1 个答案: