Question

为什么元素的高度和宽度与CSS中指定的不相同？

以下是jsfiddle的链接，http://jsfiddle.net/sunnycpp/2hNkk/

在此处复制粘贴相同的代码，

HTML

<!DOCTYPE html>
<html>
<body>  
<div id="target">
  <p>Click here set promise as Done!</p>
</div> 
<br/>
<div id="reset" ><p>Reset</p></div>  
</body>
</html>

CSS

DIV {      
  display:inline-block;
  vertical-align:middle;
  text-align:center; 
  margin-bottom: 10px;     
}

#target {
  width:200;
  height:200;
  background-color:yellow;
}

#reset {
  width:100;
  height:100;
  background-color:grey;
  color:white;
}

Answer 1

您需要为CSS中的任何测量指定单位（px，em，％）：

#target {
  width:200px;
  height:200px;
  background-color:yellow;
}

Answer 2

添加'px' - ＆gt;

  width:200px;
  height:200px;

为什么元素的高度和宽度与CSS中指定的不同？

2 个答案: