他の要素の下にdivを配置するには、残りのレイアウトをdiv要素の影響を受けないようにするにはどうすればよいですか?divを別の要素の下に配置する
<div style="margin:50px">
<div style="margin:20px; padding:10px; width:100px">
here is a little <span id="test" style="font-weight:bold">test</span>.. some text some text some text some text
</div>
</div>
<script>
var elm = document.getElementById('test');
var div = elm.appendChild(document.createElement('div'));
with(div){
style.position = 'relative';
style.left = elm.offsetLeft+'px';
style.background = '#ffffff';
style.width = '100px';
style.height = '50px';
innerHTML = 'wooop';
}
</script>
もちろんそう..しかし、私はちょうど私が代わりに位置を必要とするが、相対的な影響することが分かりました他の要素.. – clarkk
'position:relative'を親divに適用し、' style.position = "absolute"; 'を使用して実行します。 – thirtydot