Question

我有一些拖放的地方

<ul class="droppable two-lines-head " data-id="2" id="middle-level">
    <div class="mutedhelptextmedium">@ProfileResources.AdvancedSkillHelper</div>
</ul>

div class =＆＃34; mutedhelptextmedium＆＃34;执行占位符功能。并且我将标签拖放到此字段，结果，我的占位符文本下拉，为元素提供位置

<li class="tech-add-skill-row technology-name isNotApproved" id="3" 
style="position: absolute; opacity: 1; max-width: 228px;">
            xml
<i class="deleteicon"></i></li>

如果我将位置：绝对添加到标签（LI）。所有都可以，除了另一个标签将相互分层（需要标签的相对位置。）。那么我如何才能在LI和文本之间实现绝对位置我正在尝试z-index，但出了点问题。

Answer 1

将absolute位置移动到父包装器：

<ul style="position:absolute;">

 <li class="tech-add-skill-row technology-name isNotApproved" id="3" 
 style="position: relative; opacity: 1; max-width: 228px;">
        xml
 <i class="deleteicon"></i></li>

 <li class="tech-add-skill-row technology-name isNotApproved" id="3" 
 style="position: relative; opacity: 1; max-width: 228px;">
        xml
 <i class="deleteicon"></i></li>

</ul>

现在他们不会分层

position：绝对只有一个div

1 个答案: