当css Left不在视图中时,<div>格式化会中断吗?</div>

时间:2013-04-19 14:43:45

标签: css html css-position

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

它是一个容器,可以作为absolute定位标签。问题是当您将left CSS类的label属性更改为足够高(例如1000px)以将<div>移出视图时。执行此操作时,您必须向右滚动才能看到<div>,但文本现在位于div下方?

有解决方法吗?我尝试的一切都没有效果。

1 个答案:

答案 0 :(得分:2)

只需使用

white-space: nowrap;
<{1>}上的

<强>演示

Try before buy


修改

如评论中所述。这完全不适用于Firefox。所以解决这个问题的方法是使用

.label

代替浮动元素,但仍与display: inline-block; 一起使用。查看新演示:

Second try before buy