我该如何设置文字位置？

Question

http://oi62.tinypic.com/33lo87l.jpg

导航和横幅都在一个文件中。 ＆＃39; banner.php＆＃39;

我想定位＆＃34;登录成功＆＃34;除导航之外的文字！

我尝试了margin-top：0px;但仍然在banner.php的内容后显示

我的CSS：

#container{
    background-color:white;
    margin-left:auto;
    margin-right:auto;
    width:800px;
    height:auto;
}

#content_container{
    background-color:red;
    text-align:left;
    margin-top:0px;
    margin-left:155px;
}

body {
    background-image:url(thebackground.png);
    width:100%;
}

这是HTML代码：

<div id="container">
<?php include 'banner.php'; ?>
<div id="content_container">
<h1>Login Successful <?php echo $_SESSION['username']?></h1>
</div>
</div>

Banner.php的CSS代码：

<style>


#nav 
{
margin-left:auto;
width:800px;
}

a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}
a:active {text-decoration:none;}
#tbl1
{
font-family: Calibri;
border-collapse:collapse;
border:1px solid #b9ccdc;
}
#tbl1 td
{
font-size:15px;
border:1px solid #b9ccdc;
}
#tbl1 th
{

font-size:17px;
height:32px;
width:150px;
background: -moz-linear-gradient(#6298c2, #82b2d8); 
color:#f7fbff;
}

tr:hover
{
background: #deeaf4;
}
</style>

Answer 1

如果banner是div（列表）或任何块元素，则应使用float：

#nav{
  width: 200px;
  float: left;
}

#content_container {
  width: 600px;
  float: left;
}

然后使用一些clearfix方法清除。另外，您将#nav的宽度设置为800px。它不应该取整个屏幕。可能的clearfix方法在这里提出：http://css-tricks.com/snippets/css/clear-fix/