html - css 定位，图像被剪切

Question

我卡住了。正如您在屏幕截图中看到的那样

我标记了，我想将 PNG 标志放在该 div 的顶部并获得该结果。

但是，我尝试使用绝对定位，但 Logo 被剪掉了

那怎么办呢？

<div id="bodyWrapper">
<div id="header">
    <div class="header-wrapper">
        <div class="header-top">
            <div class="container">
                    <div class="row">
                        <div class="topRow">
                            <div id="storeLogo"> 
                                <a href="/"></a><img src="/images/original.png" width="200px" height="180px" alt="Свадебный салон" title="Свадебный салон Золушка"/> </div>

和CSS

#header .header-wrapper {
background: url(/images/bg_1.png) repeat-x top left; }
#header .header-wrapper .header_menu {
  border-top: 1px solid #e5e4e4;
  -moz-box-shadow: 0 9px 9px 1px rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0 9px 9px 1px rgba(0, 0, 0, 0.08);
  box-shadow: 0 9px 9px 1px rgba(0, 0, 0, 0.08); }
#header #storeLogo {
float: left;
  top: -100px;
  position: absolute;
margin: 0 0 0 0; }
#header #storeLogo a {
  display: inline-block; }
#header .topRow {
font-family: "Roboto", sans-serif; }
#header .topRow .languages {
  margin-right: 22px; }
#header .topRow .currencies {
  margin-right: 47px; }
#header .topRow .currencies,
#header .topRow .languages {
  overflow: hidden;
  position: relative;
  float: right;
  color: #888888;
  margin-top: 49px; }

Answer 1

由于我的错误问题已解决。解决:正如 Nick R 所说，包装器有 overflow:hidden 选项。还有其他具有此类选项的 div-s。从右侧的 div 中移除 overflow:hidden - 已修复。谢谢。