当内容大于div1的大小时放置div2

Question

我尝试使用响应式css在移动设备上呈现页面。 我无法更改html，我尝试仅使用css解决我的问题。

想象一下，我有一个这样的div：

#example {
   width : 25px;
   height : 25px;
}

在这个div中，我有一个1024 * 768的图像。 所以内容比竞争对手大（我将显示所有内容）我的问题是以下内容将被放置在顶部的25px，而不是图像下方。

编辑：一个新的jsfiddle，更精确： http ： //jsfiddle.net/eABu5/12/

你有什么主意吗 ？ 非常感谢

Answer 1

现场演示

CSS

#example {
   width : 250px;
   height : 250px;
   background-color : #123456;
}

#pic {
   margin-top: 250px;
   float: left;    
}


#under {
   margin-top: 10px; 
   float: left;
}