Google Chrome无法正确呈现溢出

时间:2012-03-05 18:46:24

标签: asp.net html css google-chrome overflow

我刚刚使用align=right属性时发现这个ASP.Net服务器控件水平滚动不起作用!我深入研究了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中运行良好

任何解决方法?

PS。 我应该将这个错误提交给Google Chrome用户吗?这听起来像是一个webkit错误!

2 个答案:

答案 0 :(得分:1)

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

http://jsfiddle.net/rdjRS/

这是你的目标吗?


更新:我假设你可以添加javascript,但你不能带走javascript。您可以尝试将此代码包含在您的JavaScript中吗?它会向右浮动元素,然后删除不推荐使用的align属性。

    <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/

答案 1 :(得分:1)

已弃用div属性align ...

http://www.w3.org/TR/html4/present/graphics.html#h-15.1.2

因此,当事情无法正确呈现时,我不相信你会责怪浏览器错误。

我建议使用CSS来实现这种效果,例如float: right;作为一个例子。