你如何改變這個div的寬度？

我希望div的寬度與'iframe'相同，使div的寬度更大！你如何改變這個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>

來源

2012-12-06 maxmitch

編輯''的的div'屬性style'包括'寬度= 700px'，或類似的東西。 – FixMaker

哇，這是我的愚蠢。在我的辯護中，我發誓我嘗試過！任何方式都非常感謝Lorax！ – maxmitch

也許太明顯，但只是讓相同寬度的iframe：

#box3 { width : 700px; }

另一種可能的選擇：

#box3 { float : left; }

float:left可能你不想要的「副作用」，但你不必關心自己的寬度內容。

另外：我會強烈建議將您的腳本和CSS 出的HTML屬性，並將其轉換爲外部CSS和javaScript文件。這樣的代碼很難維護。

來源

2012-12-07 00:05:44

+1用於將CSS和JavaScript移出HTML。 – FixMaker

想象一下這樣的代碼整個頁面。給我做惡夢。拋出一些內聯的PHP和SQL查詢，你會得到一些頂級的意大利麪代碼。 –

使用此腳本：

<script> 
$(function(){ 
$("#box3").css("width",$("#SHADDOW").css("width")); 
}); 
</script>

來源

2012-12-07 00:07:13 Anass

<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-07 00:07:15 maxmitch

你如何改變這個div的寬度？

回答

相關問題