asp.net - 谷歌浏览器无法正确渲染溢出

Question

我刚刚发现这个 ASP.Net 服务器控件水平滚动在使用 align=right 属性时不起作用!我深入研究了 HTML 生成的代码，发现了类似这样的内容:

<div align="right" style="overflow:scroll; width: 200px; height:200px;">
    <div style="width:400px; height:400px">
    </div>
</div>

水平滚动条会在您删除 align="right" 属性时出现。 在 Chrome 17/18 中测试。它在 Firefox 10 和 IE 10 中运行良好

任何解决方法？

附言。 我应该将错误提交给谷歌浏览器的人吗？这听起来像是一个 webkit 错误!

Answer 1

我认为使用 CSS (float:right;) 并取消对齐属性可以解决问题。

http://jsfiddle.net/rdjRS/

这是您的目标吗？

---

更新:我假设您可以添加 javascript，但不能删除 javascript。您可以尝试将此代码包含到您的 javascript 中吗？它使元素向右浮动，然后删除已弃用的对齐属性。

    <script src="http://code.jquery.com/jquery-1.7.1.min.js" type="text/javascript"L></script>
    <script type="text/javascript">
​        $('[align="right"]')​.css('float', 'right').removeAttr('align');​​​​​​​​​​​​​
    </script>

是的，这取决于 jQuery。

如您所见，无需删除任何已存在的 HTML 或 CSS 即可运行。 http://jsfiddle.net/hLg73/