相對位置，如何擺脫死角？

我的第一個問題在這裏，我是新來的HTML/CSS所以忍受我，如果這聽起來太noobs的問題。我沒有任何代碼可以用詞來解釋，因爲問題本身很簡單，但我現在無法找出解決方案。相對位置，如何擺脫死角？

當你使用position定位一個元素：relative;它從它通常會在的位置移動到指定的座標，是否正確？

現在，如果你在正常流程中有很多元素，並且它們佔用了2000px的高度，並且我想將所有這些元素放置在div [1000px x 1000px]中，所以我使用相對位置將它們移動到位置，除了頁面仍然是2000px，即使我已經移動了元素，如何解決這個問題，是否有一種或多種方法來實現這一點，一切都很好，並且很花哨。

編輯：也許這令我感到困惑，我的意思是，這裏是一個代碼示例，所以你們可以更清楚地看到。現在我得到了我想要它們的那些div，但在它們下面，我想你可以說它們的初始位置仍然存在，並創建一個滾動條。

<html> 
<head> 
<style> 
#one{ 
border: 1px green solid; 
height: 500px; 
width: 20px; 
} 
#two{ 
border: 1px black solid; 
height: 500px; 
width: 20px; 
position: relative; top: -502px; left: 100px; 
} 
#three{ 
border: 1px red solid; 
height: 500px; 
width: 20px; 
position: relative; top: -1004px; left: 200px; 
} 
</style> 
</head> 
<body> 
<div id="one"></div> 
<div id="two"></div> 
<div id="three"></div> 
</body> 
</html>

來源

2013-03-07 Eddie Nowayjosé

是否所有的元素設置爲相對？如果沒有看到代碼，很難確定你的問題是什麼，因爲你所說的我可以用很多不同的方式進行編碼。 – 2013-03-07 17:37:56

你沒有提到這些元素的寬度？也是ou堆疊他們一個在另一個之上（即，如果它是一張桌子......它會只有一列多行）？或者你也可以堆疊在一起？（即如果它是一個表...你可以有多個列和行數<元素數量）？ – abbood 2013-03-07 17:41:39

I second @AaronRussell ...即使是一個理論問題，也可以根據樣本代碼進行構建..一般來說..如果你問一個模糊的問題..你會得到模糊的答案充其量只是 – abbood 2013-03-07 17:42:31

-1

如果你想限制我們的專區內的所有元素，你可以使用溢出：隱藏

HTML

<div id="elementsinadiv"> 
    <div class="myelement">Some stuff</div> 
    <div class="myelement">Some stuff</div> 
    <div class="myelement">Some stuff</div> 
    <div class="myelement">Some stuff</div> 
</div>

CSS

#elementsinadiv{ 
    height: 100px; 
    width: 200px; 
    background-color: blue; 
    overflow: hidden; 
} 

.myelement{ 
    position: relative; 
    display: block; 
    height: 50px; 
    width: 100px; 
    border: 1px solid red; 
    background-color: #f3f3f3; 
}

http://jsfiddle.net/zVmSv/5/

來源

2013-03-07 17:36:35

接受的答案downvoted，SO可以非常苛刻。 – 2013-03-07 21:16:32

使用負餘量代替：在這種情況下

.example { 
    margin-top: -1000px; 
    position: relative; 
}

相對定位是需要放置上述元素元件，它在通過負餘量移位結果重疊。如果重疊元素本身相對或絕對地定位，則也可能需要使用z-index。

來源

2013-03-07 17:28:01

謝謝，不太確定，但幫助我。 – 2013-03-07 17:47:43

相對位置，如何擺脫死角？

回答

相關問題