当内容大于窗口时,此代码使浏览器具有水平滚动条,溢出到右侧:
div.a {
position: relative;
float: left;
background-color: red;
}
div.b {
position: absolute;
top: 100%;
left: 100%;
background-color: blue;
white-space: nowrap;
}
Text2 Text2 Text2 Text2 Text2 Text2 Text2 Text2
但是如果我将第一个div浮动到右边然后第二个位于它左边,浏览器就不会创建一个水平滚动条,并且无法查看溢出的文本.
div.a {
position: relative;
float: right;
background-color: red;
}
div.b {
position: absolute;
top: 100%;
right: 100%;
background-color: blue;
white-space: nowrap;
}
Text1
Text2 Text2 Text2 Text2 Text2 Text2 Text2 Text2
我可以以某种方式更改此行为,如果内容大于窗口,可以向左滚动,向左溢出?
在FF 47,IE 11,Opera 38上测试 – 都做同样的事情.
如果html / css无法更改此行为,浏览器选择执行目前的操作的原因是什么?他们有什么理由不能“固定”吗?对于仅适用于从右到左语言的网站,目前的行为是否也会出现问题,我认为这些网站可以使用这样的布局?