Question

我很难在信头中放置含有联系人信息的 div 信息。我读了好几个小时了 & amp; 还没有找到一个解决方案。我试图在我的布局的右上方堆放我的联系人信息。

-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --

我所希望实现的目标的图像 < 强/ 强 > : < / 强 >

http://i45.tinypic.com/2zrgu8o.jpg

描述我代码当前生成的图像 :

http://i48.tinypic.com/mbhlcz.jpg

-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --

<强> 我的 HTML:

<html>
    <head>

  <link rel="stylesheet" href="/css/header.css" />

    </head>

<meta http-equiv="Content-Type" content="text/html; charset=big5" /></head>

<body style="margin:0; padding:0;">

<div id="logo">
<img src="/images/logo-top.png">
</div>

<div class="contact">
Email: [email protected] | Phone: 1 (732) 235-7239
</div>



<div id="header-bg"> 
</div>


</body>
</html>

" 强 " 我的CSS: "/强 "

#logo {
    postion: fixed;
    width: 300px;
    top: 0;
    left: 0;
    right: 0;
    margin-left: auto; 
    margin-right: auto;
    z-index: 1;

} 

#header-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 50px;       
    background-image: url("/images/header-bg.png");
    background-repeat: repeat-x;
    z-index: -1;


}

.contact {
    float:right;
    margin-left:10px;
    margin-bottom:10px;}
}

非常感谢您的帮助。

Answer 1

我建议使用而不是 div, 或者使用

Answer 2

问题可以通过将 contact < div < /code>放在 HTML < /div 之前来解决。

float >仅向右或向左浮动,不向上。 contact <

Answer 3

使用此 html 结构并更改您的 cs

<div id="header-bg"> 
<div class= center_wrap > 
 <div id="logo">
 <img src="/images/logo-top.png">
 </div>

 <div class="contact">
 Email: [email protected] | Phone: 1 (732) 235-7239
 </div>
</div>
</div>

无法做更多时间的运气

Answer 4

您已经得到了它的所有权利, 您只需要在您的类定义中有一个 typeo 。您必须说 0px, 而不是仅仅 0 来定位。

top:0px;
left:0px;

这里... 看看:http://jsfiddle.net/t5LZL/2/

友情链接