为什么我的div不想成为一条线?

时间:2013-12-12 19:52:33

标签: html css

我困扰着简单的问题,只是不知道为什么我的div不想在一行显示。每件事都应该没问题,我使用float:left。

这就是它的样子:

enter image description here

HTML:

  <div id="centrumwspolpraca">
    <div id="w1">Wspólne projekty przechodzą cały proces,<br>zaczynając od briefu po realizację i strategię marketingową.<div>
    <div id="w2"><img src="images/wspolpraca.png"><div>
    <div id="w3"><b class="regular">MYŚLIMY GLOBALNIE<div>
  </div>

CSS:

#centrumwspolpraca{
width:1200px;
height: 500px;
margin: 0 auto;
position: relative;
background: green;
}

#w1{
float:left;
width: 300px;
height: 500px;
overflow: hidden;
font-size: 12px;
position: relative;
background: red;
}
#w2{
float:left;
width: 800px;
height: 500px;
overflow: hidden;
position: relative;
background: yellow;
}

#w3{
float:left;
width: 100px;
height: 500px;
overflow: hidden;
font-size: 12px;
position: relative;
background: blue;
}

2 个答案:

答案 0 :(得分:2)

您的<div>标签没有以正确的方式关闭,您有:

<div id="w2"><img src="images/wspolpraca.png"><div>

必须是:添加/以关闭代码

<div id="w2"><img src="images/wspolpraca.png"></div>

演示 http://jsfiddle.net/rc56k/2/

答案 1 :(得分:0)

您的HTML中有错误

<div id="centrumwspolpraca">
    <div id="w1">Wspólne projekty przechodzą cały proces,<br>zaczynając od briefu po realizację i strategię marketingową.</div>
    <div id="w2"><img src="images/wspolpraca.png"></div>
    <div id="w3"><b class="regular">MYŚLIMY GLOBALNIE</div>
</div>

关闭内部DIV的