谁能解释为什么在下面的脚本中,右侧文本元素的高度参数与左侧的行为方式不同?
(这是一个精简的脚本 - 看看这里的工作是 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");