关于css一点问题，求大大指点

今天在看有关于position：absolute的东西，然后偶然间发现了一个问题

先附上一段代码

<div style="background: yellow;">
    A
    <div style="background: #81b6ff;margin:10px;position:absolute;">
        A - 1
        <div style="background: #b6ff00;position:absolute;">
            A - 25775757675687678686868686868686868686868768686
        </div>
    </div>
</div>

这里的最里面的那层，A后面是一个空格+“-”+空格，然后我打开看了下浏览器，结果是如下

一个疑惑是==怎么换行了？是不是空格+“-”+空格这里面有类似那种转义什么的在？

/******************************分割线**********************************/
接着我又试了下，去掉了原来的空格，就是最内层的div变成了

  A-25775757675687678686868686868686868686868768686

然后结果在不同浏览器上不同了，我测试的时候分别是IE11 火狐27.0.1 谷歌31.0.1650.63 m

之前对浏览器兼容什么的了解比较少。。不知道是什么原因？特来求教

---

换行是因为太长了，至于在哪里换行，看来各个浏览器不一样。

从你举的例子来看，IE11认为-处可以换行，firefox、chrome认为需要空格才能换行。

如果想要手动控制，可以使用CSS3的word-wrap。