2012-05-20 49 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> 

這應該可以解決它..還有一些其他的編輯你必須使它工作,但這應該讓你在一個舒適的水平