CSS幫助覆蓋底部的頂部部分

我正在創建一個選項卡布局，並且需要＃tab1容器來覆蓋#tabHeader容器。這裏是我到目前爲止的代碼：CSS幫助覆蓋底部的頂部部分

<div id="tabsContainer"> 
    <div id="tab1" style="height: 25px;font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:14px; float:left; padding-left: 4px; position: relative;"> 
    <div style="float:left; background:url(css/tabs/images/tab_Selected_Left.png) no-repeat; height:25px; width: 6px; "></div> 
    <div style="float:left; background:url(css/tabs/images/tab_Selected_Content.png) repeat-x; height:25px; text-align: center; padding-left: 5px; padding-right: 5px; padding-top: 4px; ">Home</div> 
    <div style="float:left; background:url(css/tabs/images/tab_Selected_Right.png) no-repeat; height:25px; width: 8px; "></div> 
    </div> 
    <div id="tabHeader" style="width: 100%; border-top: #8db2e3 solid 1px; clear:both; height:2px;margin-top: -12px;"></div> 
</div>

所以我需要在tabHeader節的tab1坐1px ontop。我創建的任何其他選項卡也會這樣做。我嘗試了一些東西，但我在CSS定位上很臭。任何幫助將不勝感激！

來源

2011-02-18 DDiVita

這是你在找什麼：http://jsfiddle.net/GfNve/

此外，使用樣式表:)

來源

2011-02-18 16:07:56 TNC

我這樣做，當我肉出來的東西我通常做內聯第一;） – DDiVita 2011-02-18 16:13:32

試試這個：

<div style="height: 25px; font-family: 'Trebuchet MS',Arial,Helvetica,sans-serif; font-size: 14px; float: left; padding-left: 4px; position: relative; border-bottom: 1px solid white; margin-bottom: -1px;" id="tab1">

注意的ADITION：

border-bottom:1px solid white; margin-bottom:-1px;

希望有所幫助。

來源

2011-02-18 16:10:45 Alex

更正我的代碼，檢查在這裏：[http://jsfiddle.net/fsZR5/](http://jsfiddle.net/fsZR5/ ） – Alex 2011-02-18 16:14:42

CSS幫助覆蓋底部的頂部部分

回答

相關問題