javascript - CSS框宽度不变

Question

我正在关注此库以在移动设备上进行拖放:

http://interactjs.io/

特别是第二段:“拖放”

我正在尝试通过编辑通过类拖放来更改蓝色框的大小:

.drag-drop {
display: inline-block;
width: 10px;
height: 10px;
padding: 2em 0.5em;

color: #fff;
background-color: #29e;
border: solid 2px #fff;

-webkit-transform: translate(0px, 0px);
      transform: translate(0px, 0px);

transition: background-color 0.3s;
}

然而，这似乎并不能解决问题。我错过了什么？ CSS 是我的弱点，所以请将我视为基本用户。

Answer 1

打错了，是WIDTH不是WEIGHT

宽度:10px；