2012-05-20 29 views
0

我现在拥有的是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; 
} 

并试图其他几个父元素是位置:相对的,但毫无效果。

有什么想法?谢谢!

回答

1

您的main班有overflow: hidden,所以它掩盖了它以外的部分。在.main上尝试overflow: visible的代码。

同样在.section中使用position: relative,否则它将被取出自然流动,其余内容跳到它后面。

1

为 “freejost” 表示,在班里main删除overflow:hidden并添加样式position:relativeli

#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> 

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