如何使一个div包含在其他div并且不会溢出

Question

我有这个：http://jsfiddle.net/cN2pS/embedded/result/ 而且我正在寻找适应圆圈（文本和数字）的div的最佳方法，以便这些div （文本和数字）不会溢出......我不知道我是否解释得很好，但是在不同的分辨率下，有时会出现文字溢出的圆圈..... 当您访问上面的jsfiddle的链接，尽量调整窗口的大小，你会看到左侧底圆，包含卵德资讯，它的文本溢出... 的问候，丹尼尔

编辑：它厕所ks喜欢的作品更好通过添加溢出：隐藏;并将字体大小减小到14px。活生生的例子：http://jsfiddle.net/cN2pS/8/embedded/result/

EDIT2：只有一个问题多：你知道的任何教程，活生生的实例，等，以便有效地利用媒体查询，以适应移动设备的分辨率？为了适应这些通告divs或者我必须调整我的桌面浏览器窗口多次...任何魔术工具为此？ :)谢谢

非常感谢您的帮助。

Answer 1

也许你可以使用CSS word-wrap：break-word;属性是：

#divInfIzq { 
    bottom: 15%; 
    left: 15%; 
    position: absolute; 
    word-wrap: break-word; 
} 

入住这http://jsfiddle.net/cN2pS/5/embedded/result/

Answer 2

你问这样的事情？

http://www.we-are-gurus.com/tools/responsive-design-tester.php?url=http%3A%2F%2Fsmore.rvadv.com&d=320x480&scroll=off

我用这个当我设计用于移动设备，它工作得很好。