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 に答える