Question

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

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

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

公司的徽标添加了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;             
}

现在它正好漂浮，因为我也想要它但是太过分了。现在你必须向右滚动才能看到它。当你到达它时，缩小它运行到主徽标的窗口大小。也许我试图让它去做一些不可能发生的事情！

Answer 1

试试：

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

#header img{
position: absolute;
right: 0px;
}

HTML / CSS编码问题

1 个答案: