css定位,图像越来越多

时间:2015-10-22 12:25:14

标签: html css

我被困住了。正如您在截屏enter image description here

中看到的那样

我标记了,我想将PNG徽标放在该div的顶部并获得该结果。 enter image description here

但是,我尝试使用绝对定位,但徽标正在削减enter image description here

那怎么做?

<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; }

1 个答案:

答案 0 :(得分:0)

由于我的错误,问题解决了。 解决: 正如Nick R所说,包装器有溢出:隐藏选项。 有其他div-s有这样的选择。从右侧div中删除overflow:hidden - 已修复。谢谢。