如何使元素與position:absolute
和動態高度僅佔用垂直空間使用css?有什麼可以使用容器和顯示器的技巧嗎?元素上的垂直空間位置:絕對
10
A
回答
9
不幸的是,根據定義,使用絕對定位意味着您的元素不再佔用空間。所以不,只有通過CSS才能做到這一點。
你當然可以使用jQuery(或純javascript)來完成這一點。我怎麼做它有一個space
元素旁邊的每個垂直元素。將空間元素和絕對定位的垂直元素都放在相對定位的div中。在頁面加載時,更改空間元素的height以匹配垂直元素的高度。
3
position: absolute
意味着它們不佔用流動空間。但是,您不必使用保證金製作動畫,可以使用float
讓元素佔用任何空間,並製作每個元素position:relative
。
div.animate-me {
width: 300px;
margin: 20px;
float: left;
left: -1000px; // Make them start offscreen
position: relative;
border: 1px solid red;
visibility: hidden
}
$('div').css().animate({
left: 0
});
相關問題
- 1. 元素佔據絕對位置元素的空間
- 2. 垂直居中,絕對位置,多個元素
- 3. 絕對定位元素的垂直和水平定位
- 4. 設置HTML元素的垂直位置
- 5. 垂直對齊表格的單元格不與位置絕對
- 6. CSS垂直高度與位置:絕對
- 7. 垂直(在元素之上,之下和元素之間)分配空的空間
- 8. 位置:絕對和垂直對齊:中間
- 9. 位置:固定垂直空間
- 10. 元素不垂直對齊
- 11. 垂直居中的元素在頂部留下空的空間
- 12. 如何對齊兩個元素在同一垂直位置
- 13. 垂直位於中間的位置div
- 14. 如何將絕對定位的元素直接放在內聯元素的位置上?
- 15. 垂直居中對齊圖像與絕對位置
- 16. 垂直的元素
- 17. 在絕對位置查找元素
- 18. 避免與絕對位置的HTML元素之間的重疊
- 19. 在頁面上絕對定位元素EVEN如果父元素具有位置:相對或絕對
- 20. 如何垂直放置絕對定位的物品?
- 21. 垂直居中堆疊絕對元素+定位撓性柱到窗口高度
- 22. JS當元素的位置絕對位置時,獲取基於元素的元素的位置
- 23. 垂直定位僞圖像元素(CSS)
- 24. 將元素置於絕對定位的元素中
- 25. 嵌入的PDF顯示/上絕對位置的HTML元素
- 26. CSS:的「inline-block的」元素意想不到的垂直位置
- 27. 對齊位置絕對元素含量上下只有一個元素
- 28. 對於其餘的垂直空間垂直居中一條線
- 29. 在單元格上設置backgroundView之後的UITableViewCells之間的垂直空間
- 30. Inline-flex爲元素添加了額外的垂直空間
'位置:absolute'意味着它們不會在流動佔空間。請發佈你想要做的事情的例子 – 2012-08-06 23:47:46
我使用職位在js中從右向左設置了一系列div,但結構可以是任何事情。我想知道是否可能有一個不太合法的技巧來讓它使用垂直空間(可能不是) – Yisela 2012-08-06 23:50:36