CSS的div元素可以非常靈活地布局頁面,其中一個非常常見的需求就是將某個div元素放在頁面的最右上角。下面我們就來看看如何通過CSS實現這一效果。
/* 首先需要將該div元素設置為絕對定位,這樣才能讓它脫離正常文檔流 */ .right-top { position: absolute; /* 接著設置top和right屬性為0,這樣它就可以被定位在頁面的右上角 */ top: 0; right: 0; }
通過以上的CSS代碼就可以將一個div元素定位在頁面的最右上角了。當然,如果希望這個div元素不會遮擋其他元素的話,需要將其z-index屬性設置得比其他元素低。
值得注意的是,如果頁面的body元素沒有設置position屬性為relative或者absolute的話,那么這個div元素的定位將是相對于整個頁面的。如果僅僅希望它相對于某一個元素進行定位,那么需要在該元素上設置position屬性為relative或者absolute。
上一篇css div垂直居下
下一篇css div導航條模板