0

我已经阅读了许多关于浮动 div 的其他帖子，但还没有能够通过我测试过的东西找到成功，所以我在这里......（我还是新手，所以如果我的代码很抱歉不是很干净！）

我有一个图像，我想漂浮在其他几个图像上。我的目标（如果可以实现的话）是将它放在 .container 右上角的固定位置。我很接近了......但我无法让图像从右侧移入，并且现在它正在将另一张照片从标题中撞出（没有添加 .crosses，它位于绿色，右对齐。）

该项目要求它在 IE7 中仍然看起来不错（或退化得很好）。

我在这里设置了一个小提琴：（无法弄清楚红色错误的含义是“指向 jsfiddle.net 的链接必须附有代码”）所以，如果你可以去那里访问： http://jsfiddle .net/cathi/VAkk5/5/

HTML（摘录）：

<div class="container">

<div class="crosses"><img src="/img/common/crosses-motif.png" width="213" height="118" alt="crosses-motif" /></div>

<div class="header"></div>
 <div class="hero">
    <div class="herophoto">photo</div>
  </div>
</div>

CSS（摘录）：

.container {
    width: 80%;
    margin: 0 auto; 
}

.crosses {
    float:right;
    margin-right:0;
        margin-top:130px;
}

.header {
    height: 150px;
}

.headerlogo {
    width: 250px;
    padding-top: 80px;
    padding-left: 20px;
    float:left;

}

.headerlogo2 {
    float:right;
}

.hero {
    height: 205px;
}

.heroheadline {
    height: 0;
    width: 450px;
    padding-top: 45px;
    padding-left: 70px;
    float:left;
}

.herophoto {
    height: 205px;
    width: 333px;
    float: right;
}
4

0 回答 0