css - 当内容大于 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;
}