css - 当 css Left 不在 View 中时 格式会中断？

Question

运行这个 JS Fiddle 会显示我的 <div>格式正确:http://jsfiddle.net/MRpj2/1/

这是一个容器，将充当 absolute定位标签。问题是当您更改 left label 的属性(property)CSS 类设置为足够高的值(例如 1000 像素)以移动 <div>看不见。执行此操作时，您必须向右滚动才能看到 <div> , 但文本现在位于 div 下方？

有解决办法吗？我尝试过的一切都没有效果。

Answer 1

简单使用

white-space: nowrap;

在 .label 上。

演示

Try before buy

---

编辑

如评论中所述。这仅在 Firefox 中不起作用。所以解决这个问题的方法是使用

display: inline-block;

代替 float 元素，但仍与 white-space: nowrap; 一起使用。检查新演示:

Second try before buy