Question

我现在拥有的是this page。

我希望章节标题栏“雇主信息”比其自然更宽40px，突破其父级，如this image所示。

到目前为止，我尝试过：

.content form ol {
    position: relative;
    z-index: 50;
}

.content form ol .section {
    position: absolute;
    left: -20px;
    width: 110%;
    z-index: 100;
}

并尝试了其他几个父元素作为位置：相对但它从未奏效。

有什么想法吗？谢谢！

Answer 1

您的main班级有overflow: hidden，因此它会掩盖其外部的部分。在overflow: visible上使用.main试用您的代码。

同样在position: relative中使用.section，否则它将从自然流中消失，其余内容会跳到其后面。

Answer 2

正如“freejost”所说，删除课程overflow:hidden中的main并为position:relative

添加样式li

即

#submit_form li{
position:relative;
}
#empInfo {
left: 0;
position: absolute;
right: -20px;
top: 0;
}

HTML编辑是：

<div id="empInfo" class="description section" >
<h2>Employer Information</h2>
<div>General information regarding the employer business or organization.</div>
</div>

这应该解决它..还有一些其他的编辑，你必须使其工作，但这应该让你在一个舒适的水平

将更大的孩子定位在父母之外？

2 个答案: