CSS 绝对定位的用法

mac2026-04-25  11

注意一点,绝对定义要和相对定位放一起,才能达到想要的效果

<div style="position:relative;"> <input id="F_Icon" type="text" class="form-control" placeholder="请选择图标" /> <span id="selectIcon" class="mk-input-button" title="选取图标">...</span> </div>

mk-input-button是绝对定位

.mk-input-button {

position: absolute;right: 0px;top: 0px;width: 16px;height: 100%;line-height: 28px;cursor: pointer;z-index: 10;overflow: hidden;

}

 

必须把他放在一个相对定位的div里面,才能达到这样的效果

如果去掉外层的相对定位div,这个绝对的位置就跑了

最新回复(0)