Question

任何人都可以解释为什么在下面的脚本中，右侧文本元素的高度参数与左侧的行为方式不同吗？

（这是一个精简的脚本 - 看工作here's the 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");

Answer 1

在设置属性方面，HTML有点挑剔。您需要使用.style()并明确指定单位“px”才能使其生效 - http://jsfiddle.net/wtYt2/1/

使用D3设置max-height属性

1 个答案: