當我調整瀏覽器的大小時，DIV一直在移動

所以我編寫了一個佈局，我使用了一個DIV來讓我的iframe保持在佈局的範圍內。問題是我的DIV一直在移動，每當我調整瀏覽器的大小。我四處尋找答案，但他們都沒有幫助解決我遇到的問題。當我調整瀏覽器的大小時，DIV一直在移動

繼承人的網站：

http://www.buymycookies.org/index.html

這是我的代碼：

<div style="position:absolute; top:280; left:560"> 
<iframe src="main.html" name="main" width="240" height="240" marginwidth="0" marginheight="0" frameborder="0" scrolling="auto" scrolling=auto allowtransparency=true> 
</iframe> 
</div>

作爲一個側面說明，我希望能夠控制在我的資料覈實去，因爲它需要留在佈局的框內。

謝謝你的幫忙！

來源

2013-01-12 user1972697

位置絕對的風格相對於整個頁面的大小的元素。因此當頁面變大時，div移動到左側（left:560）。你可以使用相對位置來代替：

margin-top: -530px; 
position: relative;

或

position: relative; 
top: -530px;

或

margin-left: -120px;(because this div has a width of 240px) 
position: absolute; 
left: 50%;

來源

2013-01-12 17:47:29 Dharman

哦，我的gosssh！是!這正是我想要的，非常感謝你！ – user1972697

您正在使用絕對定位，因此包含<iFrame>的<div>始終爲距離頁面頂部280像素和距左側560像素。

你應該仔細閱讀css定位基礎知識。一對夫婦的良好的出發點可能是

來源

2013-01-12 17:45:10

我看了第一個鏈接，我真的不明白我是如何編輯CSS和連接到的HTML ..？那有意義嗎？ – user1972697

當我調整瀏覽器的大小時，DIV一直在移動

回答

相關問題