Question

我正在尝试在包装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>

Answer 1

请尝试使用负边距：

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

这应该放在包装器内而不是在它外面。它将解决与之重叠的问题。

将div放在包装器外面但位于它的顶部

1 个答案: