我似乎無法得到我想要的東西，並且它使我瘋狂，所以請儘可能地幫助！ 我想把這個cmc圖像放在它的容器/ textarea的外面，但它使我想要擺脫的所有這些空間。我使用的HTML是這樣的：放置在容器外部的圖像創建不需要的空間
<img style="position: relative; top: -200px; left: 780px; z-index; 1; width: 220px; height: 220px;" src="http://live-it.dk/wp-content/uploads/2014/08/cmc-note.png" alt="CMC - Portfolio" />
如果您有任何建議，請讓我知道！我對這件事情很陌生，所以非常感謝！
鏈接到我的網站：live-it.dk
使用position:absolute。相對定位保持元素採用的原始空白。當你絕對定位它。該元素從文檔流中移除並放置在您指定的位置，然後將空白處摺疊。你也將不得不改變你的left和top與這雖然
<img style="position: absolute; top: -200px; left: 780px; z-index; 1; width: 220px; height: 220px;" src="http://live-it.dk/wp-content/uploads/2014/08/cmc-note.png" alt="CMC - Portfolio" />
但是，當我使用絕對，然後在大屏幕上，它不會再在正確的位置？ – 2014-08-29 14:26:45
@CarinaMurielConradsen當你用像素定位時，定位應該大致精確。你會遇到非常小的屏幕上的問題。在這種情況下，您應該開始使用流體佈局（使用您的上下文的百分比進行定位）。這樣做是爲了您的定位，高度和寬度，並且您的網站看起來會更加成比例。 – 2014-08-29 14:28:51
我會盡力的，非常感謝你！ – 2014-08-29 14:32:58
更改：
<img style="position: relative; top: -200px; left: 780px; z-index; 1; width: 220px; height: 220px;" src="http://live-it.dk/wp-content/uploads/2014/08/cmc-note.png" alt="CMC - Portfolio" />
到
<img style="position: absolute; top: 110px; left: 1310px; z-index; 1; width: 220px; height: 220px;" src="http://live-it.dk/wp-content/uploads/2014/08/cmc-note.png" alt="CMC - Portfolio">
應該工作
編輯： 試試這個
<img style="width: 220px; height: 220px; float: right; margin-top: -210px; margin-right: -89px;" src="http://live-it.dk/wp-content/uploads/2014/08/cmc-note.png" alt="CMC - Portfolio">
非常感謝您的工作！現在它在移動設備上運行得並不順利：/ – 2014-08-29 14:30:38
@CarinaMurielConradsen對於小設備來看看CSS媒體查詢。在屏幕變得小於指定尺寸 – 2014-08-29 14:31:55
@CarinaMurielConradsen時，您可以爲元素設置特定位置/尺寸，因爲gibsonman表示您需要使用媒體查詢以使其在移動設備上看起來更好（這完全是一個新問題） – Howli 2014-08-29 14:33:34
不能幫助沒有例子，代碼等 – 2014-08-29 14:17:14
是的，對不起，我只是試圖添加一個截圖，但它不會讓我。到該網站的鏈接是live-it.dk – 2014-08-29 14:19:43
您可能想要在圖像上使用絕對定位而不是相對。相對會爲元素留下空間，然後移動它，而絕對不會。 – j08691 2014-08-29 14:22:04