JQuery计算器不工作，因为新的CSS样式

Question

我已经在我的HTML文件中编辑了一个新的CSS样式。

由于这个改变我的计算器不工作，但我不知道为什么，

Firebug没有显示任何错误或警告。

下面是代码(jsfiddle已经改变了设计)

--> http://jsfiddle.net/44gU9/

Answer 1

对于我来说，这是唯一的问题，input#Result的宽度对div#calculator太长，所以它的值(右对齐)是不可见的。

=>让你的input-field变小

Answer 2

你可以按下按钮，但只是看不到结果，因为你的# result字段太长，文本是右对齐的在这里，我使结果字段更小:http://jsfiddle.net/qE62y/

        #Result {
            border:1px solid #AAA;
            margin:7px 5px;
            font-size:25px;
            text-align:right;
            padding:10px 7px 7px;
            background-color:#FFF;
            box-shadow: 0px 0px 2px 0px #ccc inset;
            border-radius:2px;
            background-repeat:no-repeat;
            background-position:9px 11px;
            width:150px;
        }