我一直在寻找这个问题的答案，但这是我的问题。
我正在尝试创建一个拥抱浏览器窗口左侧的div，当它悬停时，它会展开并保存更多的div / text。
我的问题是，当扩展的div覆盖文本时，我如何做到这一点，它不会移动它，以及如何使它成为扩展div中的文本随div缩小/增长。
我试过了
position: relative
position: absolute
和所有
text-align
可能性
这是我的JSFiddle
任何帮助将不胜感激！ （对不起，如果过去已经发布/回答过这个问题）
答案 0 :(得分：1)
更新了小提琴：http://jsfiddle.net/nqm9ksv8/
尝试.grow的绝对定位：
position: absolute;
这样，它不会影响其他元素，而是在它们之上绘制。
要保持文本内部不缩小，请在内部添加另一个div，其中已经有所需的固定宽度。将overflow: hidden;添加到.grow容器中。这样，内容将被布置，但不适合容器的内容不会被显示。
答案 1 :(得分：0)
只需使用min-width来防止div调整大小。
.Site-Content-Container{min-width: 960px;}
编辑：或许不是。 position: absolute;是一种选择。说实话，目前尚不清楚哪个文本不适合调整大小。
答案 2 :(得分：0)
改变你的“浮动：离开;” in .grow to“position：absolute;”
是你的目标吗？