当body方向为rtl时,div的scrollLeft属性似乎在不同的浏览器中返回不同的值.
这里可以看到一个例子 - http://jsfiddle.net/auVLZ/2/
body { direction: rtl; }
div.Container { border: 5px solid #F00; width: 500px; height: 400px; overflow: auto; }
div.Content { background-color: #00F; width: 900px; height: 380px; }?
<div id="divContainer" class="Container">
<div class="Content"></div>
</div>
<br />
<input id="showScrollLeft" type="button" value="Show ScrollLeft" />?
$(document).ready(function()
{
$("#showScrollLeft").click(function(e)
{
alert($("div.Container").scrollLeft());
});
});?
Run Code Online (Sandbox Code Playgroud)
Chrome - 初始值为400,向左移动滚动条时为0.
IE8 - 0和400.
Firefox - 0和-400.
造成这种差异的原因是什么?如何处理?
编辑:请注意,这也发生在"常规"scrollLeft上 - document.getElementById("divContainer").scrollLeft返回相同的结果.
我有以下简单的布局:
div.main
{
width: 300px;
border: 2px solid #98999E;
overflow: auto;
}
div.main > div
{
float: right;
border: 2px solid #FF3700;
margin: 2px;
}
div.inner > div
{
float: right;
}
<div class="main">
<div class="inner">
<div>123</div>
<div>456</div>
</div>
<div>999</div>
</div>
Run Code Online (Sandbox Code Playgroud)
在Chrome和Firefox中,这会按预期呈现 - 所有内容都在同一行内:

但是,在IE7中测试时(或者在兼容模式下实际上是IE8),主要的第一个div的宽度为100%,因此第二个div被推到它下面:

这里可以找到一个例子.
怎么能修好?
(编辑: 事实证明这也发生在兼容模式的IE9中)
(编辑2:似乎float:right只发生这种情况,而不是float:left)
我设置setImageBitmap与外部图像URL一起使用的ImageView 。我想保存图像,以便即使没有互联网连接也可以在以后使用。我在哪里以及如何保存?
我有一个使用WebView显示网页的活动.在该页面中,有一个指向YouTube视频的链接(因此它不是我可以或需要嵌入的视频).
问题是视频无法播放 - 我可以通过点击图标看到视频预览图像,但点击它没有响应.有什么可以做的吗?
public class DisplayWebPage extends Activity
{
@Override
public void onCreate(Bundle savedInstanceState)
{
super.onCreate(savedInstanceState);
setContentView(R.layout.display_web_page);
Bundle extras = getIntent().getExtras();
String url = extras.getString("url");
WebView webview = (WebView)findViewById(R.id.WebView1);
webview.setWebViewClient(new WebViewClient());
webview.getSettings().setJavaScriptEnabled(true);
webview.loadUrl(url);
}
}
Run Code Online (Sandbox Code Playgroud)