CSS定位不起作用

-1

有時我觀察到CSS定位屬性不能正常工作。下面是我的代碼，CSS定位不起作用

.position 
{ 
position:absolute; 
left:50%; 
}

上面的代碼應該在屏幕的50％之類的元素位置，但情況並非如此。爲了將它定位在所需的位置，我必須寫'左：220％'，原因可能是這個。

在此先感謝。

你能舉一個'它不工作'的例子嗎？ –

沒有人說它會在屏幕的50％ - 它會在下一個適用父元素的50％ –

是的，正如@Pekka所說，它是最接近的父元素或元素的50％相對的「想象」位置：相對「作爲下一個」位置：絕對「的錨點。您粘貼的代碼在將元素髮送到具有相對定位的父級的50％時是正確的。對於屏幕的50％，你想要「位置：固定」 –

元素與position: relative和position: absolute是相對不到屏幕（或更確切地說，當前文檔），但與position: relative或position: absolute組下一個父元素。

enter image description here

你沒有辦法用純CSS監獄的「爆發」。要將元素相對於文檔放置，您應該使其成爲文檔的直接子元素。

2013-10-31 18:14:26

我發現我的文本框中只有10％的區域是可點擊的。而其他元素只是忽略了文本框的其餘90％，並且只考慮了文本框的10％部分。 ANY關於這個奇怪的情況的指針？ –

@Yogi我不是100％確定發生了什麼，但它可能是一個Z指數問題。你可以展示JSfiddle嗎？ –

嘿，謝謝你們，我對你們「打破監獄」的想法做了一點努力，而且看起來工作得很好。謝謝你的幫助。 –

回答