0

divの幅を「iframe」と同じにしたいのですが、現在、divの幅が大幅に大きくなっています!

前もって感謝します

<div id="box3" onmouseup="$('#box3').stop().animate({boxShadow: '10px 10px 15px', top: 0}, 'fast')" 
onmousedown="$('#box3').stop().animate({boxShadow: '3px 3px 3px', top: 3}, 'fast')" style="top: 0px;
box-shadow: 10px 10px 15px 0px rgb(102, 102, 102);">
<iframe width="700" height="525" id="SHADDOW" src="http://www.youtube.com/embed/LRo-L9zYf-M" frameborder="0" allowfullscreen="allowfullscreen"></iframe>
</div>
4

3 に答える 3

1

わかりにくすぎるかもしれませんが、iframe と同じ幅にしてください:

#box3 { width : 700px; }

別の可能なオプション:

#box3 { float : left; }

float:left望ましくない「副作用」があるかもしれませんが、コンテンツの幅を気にする必要はありません。

余談ですが、スクリプトと CSS を HTML 属性から外部の CSS と JavaScript ファイルに移動することを強くお勧めします。そのようなコードは保守が非常に困難です。

于 2012-12-07T00:05:44.023 に答える
0

このスクリプトを使用します：

<script>
$(function(){
$("#box3").css("width",$("#SHADDOW").css("width"));
});
</script>
于 2012-12-07T00:07:13.500 に答える
0 
<div id="box3" onmouseup="$('#box3').stop().animate({boxShadow: '10px 10px 15px', top: 0}, 'fast')" onmousedown="$('#box3').stop().animate({boxShadow: '3px 3px 3px', top: 3}, 'fast')" style="top: 0px;
width: 700px;
box-shadow: 10px 10px 15px 0px rgb(102, 102, 102);">
<iframe width="700" height="525" id="SHADDOW" src="http://www.youtube.com/embed/LRo-L9zYf-M" frameborder="0" allowfullscreen="allowfullscreen"></iframe>
</div>
于 2012-12-07T00:07:15.387 に答える