0

谁能解释为什么在下面的脚本中,右侧文本元素的高度参数与左侧的行为方式不同?

(这是一个精简的脚本 - 看看这里的工作是 jfiddle

<html>
<style>
#leftbox, #rightbox
{
  width:300px; 
  padding:3px;
  background:#bbb;
  overflow:auto;
}
#leftbox  {
    float:left;
    max-height: 200px;
}
#rightbox {float:right;}
</style>

<div><p id="leftbox">
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla ... etc
</p></div>
<div><p id="rightbox">
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla ... etc
</p></div>

<script>
d3.select("#rightbox").attr("max-height", 200).style("color", "red");
</script>
</html>

编辑 13.11.13

工作线:d3.select("#rightbox").style("max-height", "200px").style("color", "red");

4

1 回答 1

1

在设置属性方面,HTML 更加挑剔。您需要使用.style()并明确指定单位“px”才能正常工作——http://jsfiddle.net/wtYt2/1/

于 2013-11-12T12:04:37.467 回答