2012-05-07 83 views
-2

我正在使用一個設計器來開發用戶界面,並且這個設計器爲組件生成絕對定位的CSS。當某些組件未呈現時,我希望下一個組件相應地定位。我如何用CSS來做到這一點。例如:Css相對定位

我想要從文檔<div id="div1">中移除標籤3時向上移動並使用已移除的標籤空間。

<html> 
<head> 
<style type="text/css"> 
#set 
{ 
position:absolute; 
left:100px; 
top:100px; 
height:100px; 
width:300px; 
} 

#div1{ 
position:relative; 


} 

#label1{ 
position:absolute; 
left:10px; 
top:30px; 
height:10px; 
width:10px 
} 

#label2{ 
position:absolute; 
left:100px; 
top:30px; 
height:10px; 
width:10px 
} 


#label3{ 
position:absolute; 
left:20px; 

} 


</style> 
</head> 

<body> 

<fieldset id="set"> 
<label id="label3">Male:</label> 
<div id="div1"> 
<label id="label1">Divlabel1:</label> 
<label id="label2">Divlabel2:</label> 

</div> 

</fieldset> 

</body> 

</html> 
+2

某些代碼會有幫助。 – j08691

+0

通常,在每個DOM元素上使用絕對定位是一個壞主意,因爲您固定爲一種分辨率,而這不是您想要的。正如j08691所說,一些代碼會很有用,但您可能會考慮學習css和html,並自己編寫UI。 –

+0

CSS很複雜,你可能不得不重新考慮一切。 [This](http://www.alistapart.com/articles/css-positioning-101/)可能會幫助你瞭解定位的工作原理。 – bfavaretto

回答

0

我把頁面一個staticly定位的div .AND改變位置的動態部分的部分:絕對到位置:相併除去頂部和左側properties.Staticly定位元件從文件被刪除,但相對定位那些被放置一個之後。