为什么div不会进入另一个div?

时间:2016-01-30 22:00:00

标签: html css

希望你很好,你可以伸出援助之手。只是用这种编码技巧克服的另一个小障碍。

我不明白为什么我不能在大蓝色div中获得'jobs'den,就像'体验'一样。它并没有加起来,我只是试图将它解决了太长时间而感到困惑!

http://codepen.io/anon/pen/xZzpzj?editors=1100#0

任何帮助表示感谢。

div.experiencebox {
position: relative;
display: inline-block;
width: 100%;
height: 200px;
background-color: blue;
}

div.experiencetitle {
width: 49%;
background: green;
min-height: auto;
display: inline-block;
float: left;
vertical-align: top;
}

div.jobs {
width: 49%;
background: green;
min-height: auto;
display: inline-block;
float: left;
vertical-align: top;
}

2 个答案:

答案 0 :(得分:1)

你错过了>

in

<div class="experiencetitle"

所以

<div class="experiencetitle">

.......

答案 1 :(得分:0)

因为它没有正确嵌套并且您有一些语法错误。请参阅此fork以获取一个工作示例:http://codepen.io/azizn/pen/VedQMw

<div class="experiencebox">
  <div class="experiencetitle">
    <div class="experiencetext">
      <p>Experience </br>
        <a href="https://www.linkedin.com/in/benjamin-robinson-158a06113">Read more on LinkedIn</a> </p>
    </div>
    <div class="jobs">
      <p>Jobs</p>
    </div>
  </div>
</div>