我是一個典型的python開發者,所以我和CSS沒有太多的互動,所以請對我寬容一些..
話雖如此,我們開始吧:
我正在使用時間軸庫“react-timelines ”,需要添加一些功能來顯示重疊時間段內發生的項目,該庫目前不支持這一功能,我希望在樣式表中找到一個簡單的修復程序,以允許修復子對象的顯示方式。
當前行為是時間線中的項目重疊,但我需要能夠看到時間線中的所有項目。如果項目出現在同一時間段內,這將要求它們在時間線上的行內動態堆疊。
當前行為:當前觀察到的行為,行項目相互重疊
期望的行為:期望的行為,行項目動態垂直堆疊以允許行中有多個項目
我已經嘗試將子元素中的position屬性從絕對屬性調整為相對屬性,但是這似乎對它們的定位沒有任何影響。
當前用于父元素和子元素的CSS塊有:
.parent{
position: relative;
height: 61px;
border-bottom: 1px solid #BBBBBB;
}
.child {
position: absolute;
height: 40px;
top: 10px;
}
嘗試在子元素中使用位置為left的屬性;)
div {
position: absolute;
left: 190px;
width: 200px;
height: 120px;
border: 3px solid green;
}
這里有一些w3schools的參考資料