1

在页面上有两个相邻的 div。现在，当我调整浏览器的大小时，其中一个 div 与另一个重叠。当没有足够的空间来显示两者时，我想要将其中一个 div 向下移动（在另一个 div 下方）。可以用css实现吗？如何？

身体：

<div id="container">
   <h1 align="center">Title</h1>

   <div id="image1">
        <img src="back1.png" alt="a" />
   </div>

   <div id="image2">
       <img src="back2.png" alt="b" />
   </div>
</div>​

CSS

#container {position: relative; height:800px; width: 720px; background: #f0f0f0;}        
#container #image1 {position: absolute;  top: 10%; left: 0;}​
#container #image2 {position: absolute;  top:0;  right:0;}​
4

1 回答 1

1

尽管您尚未发布代码，但我猜您是通过使用相对或绝对定位来定位 div 来设置它们的样式，这会使它们重叠。相反，我会用display:inline-block;你想要的方式制作相邻的 div。

单击此处以获取我的意思的示例。尝试调整浏览器的大小以查看它是否有效。

这个例子更符合你的意思吗？我只用了花车。

于 2012-08-04T06:05:51.513 回答