定位外包裝，但在它的頂部的div

我想定位包含徽標（橙色的一個，見圖像）在包裝div的頂部，但有一點在它的外面的股利。定位外包裝，但在它的頂部的div

我試過絕對位置，但每次我調整瀏覽器的大小（例如800x600），包裝div移動。

下面是代碼，並有助於瞭解什麼，我試圖解釋的圖像：

<style type="text/css"> 
    #wrapper{width:958px; margin: 0 auto -47px;min-height:950px;} 
    #content { 
    background-color:#306; 
    width:100%; 
    overflow: auto; 
    min-height:650px; 
    } 
    #imagem{position:absolute;top:0;padding-left:200px;width:451px;height:108px;} 
</style> 
</head> 

<body> 

    <div id="imagem"><img src="logo.png" /></div> 

    <div id="wrapper"> 
<div id="content"> 
    <p>teste</p> 
    </div> 
    </div> 
    </body>

來源

2009-12-02 dutraveller

嘗試使用負利潤率，而不是：

#imagem { margin-left: -50px; }

這應放在包裝物內而不是放在包裝物外面。它將解決事物重疊的問題。

來源

2009-12-02 22:58:27 cletus

謝謝你！它的工作就像一個魅力 – dutraveller 2009-12-02 23:06:54

定位外包裝，但在它的頂部的div

回答

相關問題