在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  HTML/ css如何讓元素始終固定在另一個(gè)元素上面，無論元素的長度有多少

css如何讓元素始終固定在另一個(gè)元素上面，無論元素的長度有多少

<div class="planItem">
        <div class="planSelect">
        </div>
</div>

css:
.planItem{
        width: 100px;
        height: 50px;
        text-align: center;
        float: left;
        position: relative;
    }
.planSelect{
        position: absolute;
        top: -50px;
        right: -70%;
        display: flex;
        background-color: #fff;
        padding: 10px;
    }

clipboard.png

clipboard.png

因?yàn)閜lanselect還有一個(gè)箭頭對(duì)著planitem，感覺我這種寫法如果planSelect變長，它的箭頭就不會(huì)對(duì)其planitem，有沒有更好的方法，讓planSelect無論長度如何改變，始終居中正對(duì)planItem

回答
編輯回答
陪妳哭

css有個(gè)屬性叫子絕父相，就是說，你要被定位的元素添加相對(duì)定位，你要定位的元素添加絕對(duì)定位。就會(huì)無論什么情況都不會(huì)跑偏了

2017年8月28日 05:54
編輯回答
萌吟

left 50%
然后margin-left= - 自身寬度/2

2018年5月27日 17:57
編輯回答
浪蕩不羈

你可以試試這樣寫
.planSelect{

position: absolute;
top: -50px;
right: 50%;
transform: translateX(-50%);
display: flex;
background-color: #fff;
padding: 10px;

}
受教了

2017年5月31日 14:40
編輯回答
網(wǎng)妓

無圖無真相，發(fā)個(gè)截圖看看

2018年3月10日 03:54
編輯回答
墨小白

給元素直接父元素添加絕對(duì)定位 給子元素添加相對(duì)定位就行

2017年4月18日 10:10
編輯回答
孤酒
.planItem{
    position: relative;
}
.planItem:after{
    content:'';
    position: absolute;
}
2018年1月23日 03:33
編輯回答
病癮
.planSelect{

position: absolute;
top: -50px;
left: 50%;
transform: translateX(-50%);;
background-color: #fff;
padding: 10px;

}
2018年3月15日 12:05