-1

2つのdiv要素があり、一方が他方をラップしています。次に、JavaScriptを使用して、実行時に外部divに境界線を追加します。どういうわけか、Webkitベースのブラウザは、外側の境界線が変更されたときにリフローを実行しません。最終結果は醜く見えます-内側のdivが外側をオーバーフローします。HTMLコードは次のとおりです。[divid= "outer] [div id = "inner" style = "border:solid blue; 高さ:50px; "] [/ div] [/ div]

イベントハンドラーも単純です:document.getElementById( "outer")。setAttribute( "style"、 "border:solid green")

これはとても些細なリフロー作業なので、これを見つけたときは信じられませんでした。それとも私は何かが足りませんでしたか?誰かが同様の問題に遭遇しましたか、回避策は何ですか?ありがとう。

4

2 に答える 2

0

外側と内側をfloat:leftに設定すると、計画どおりに機能します。ただし、固定幅を指定するか、div(内部)内にコンテンツを含める必要があります。

#outer { float: left;}
#inner { float: left;}

[div id = "outer"] [div id="inner"]テキスト[/div][/ div]

于 2010-08-11T16:36:13.810 に答える
0

border: solid greenサイズは記載されていません。例:"border:1px solid green"

style他のものを台無しにする可能性があるため、属性全体をリセットするのは安全ではないと思います。にクラスを追加してみてくださいclassName。これは少しクリーンです。

于 2010-08-06T15:28:03.553 に答える