-1

我在 HTML 页面上有一个标题容器：在其中放置了公司的徽标、背景等。用于此的 CSS 是：

**#header {
        background-image:url(Images/background_top.png);**
        background-repeat:no-repeat;
        position:relative;
        width:100%;
        height:270px;
    }

我已将宽度设置为 100%，因为我希望它适合任何屏幕尺寸。

公司的 logo 添加了一个img(src,id) 标签，然后在 CSS 中进行控制。

我想在此标题的最右侧添加一个 Facebook 徽标，但每次我重新调整窗口大小时，徽标都会移动到标题下方并崩溃到页面的其余部分。

任何人都可以帮助我吗？

这是代码：

All code: 

<div id="header">
    <img id="facebook_logo" src="Images/facebook_logo_extended.gif" />
    <img src="Images/logo.png" id="logo" />
</div>

CSS

#header {
    background-image:url(Images/background_top.png);
    background-repeat:no-repeat;
    position:relative;
    width:100%;
    height:270px;
}

#logo {
    position:relative;
    margin-left:300px;  
    width:1000px;
    height:276px;
}

#facebook_logo {
    position:absolute;
    left:100%;
    z-index:10;             
}

现在它像我想要的那样漂浮，但太远了。现在你必须向右滚动才能看到它。当您确实缩小窗口大小时，它会运行到主徽标中。也许我试图让它做一些不可能发生的事情！

4

1 回答 1

0

试试看：

#header{  background-image:url(Images/background_top.png);**
        background-repeat:no-repeat;
        position:relative;
        width:100%;
        height:270px;
        }

#header img{
position: absolute;
right: 0px;
}
于 2013-03-08T11:28:39.013 回答