Question

我有2个div，每个都有一个背景图像，我希望它们并排排列。但由于某些原因，它们是垂直向上的，而我却想要它们水平。

两个div的代码如下。我该如何解决这个问题？

#header
{
top: 40px;
width:310px;
height: 90px;
background: url(Images/logo.jpg) no-repeat;
}
#logo
{
top: 40px;
left: 3200px;
height: 100px;
background: url(Images/banner.jpg) no-repeat;
}

Answer 1

<div id="header-container">
<!-- stick your HTML here -->
</div>

    #header-container { overflow:hidden; zoom:1; }

修改你的css以添加这些属性：

    #header { float:left; } 
    #logo { float:left; width:[the width] }

这假设他们是兄弟姐妹而且他们不在彼此之内。

Answer 2

    <div id="header-wrapper">
    <div class="header">hello</div>
    <div class="logo"></div>
    </div>

和你的css：

/* this width = .header + .logo + any left or right padding on them.. or it can be 100% */   
   #header-wrapper {width: 1000px;}   

   .header {background: url(Images/logo.jpg) no-repeat; width:500px;height:90px;float:left;}
   .logo {background: url(Images/banner.jpg) no-repeat;width:500px; height:90px;float:left;}

那也应该有效，没有经过测试，所以让我知道它是不是

div没有正确定位

2 个答案: