0

为什么元素的高度和宽度与 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;
}
4

2 回答 2

2

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

#target {
  width:200px;
  height:200px;
  background-color:yellow;
}
于 2013-01-09T15:49:16.967 回答
1

添加'px'->

  width:200px;
  height:200px;
于 2013-01-09T15:47:50.397 回答