html - 无法获得正确的 div 来扩展容器 div 的长度

Question

我已经研究了一段时间，但无法让正确的 div 扩展到标题容器的末尾。谁能帮帮我？

.rightcontent{
width:60%;

https://jsfiddle.net/7kbcnyop/4/

Answer 1

添加属性:

float:right;

到CSS。您的代码应该是:

.captioncontainer {
  width: 100%;
  height: 200px;
  background: blue;
}
.leftcontent {
  width: 40%;
  height: 200px;
  background: #33adff;
  float: left;
}
.rightcontent {
  width: 60%;
  height: 200px;
  background: #66ff99;
  float: right;
}

<div class="captioncontainer">
  <div class="leftcontent">
    <h1>핫요가 효능</h1>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a libero quam. Aliquam volutpat vitae sem sed euismod. Donec a congue ipsum, id sollicitudin orci. Donec neque lectus, elementum non sem sit amet, suscipit sollicitudin quam. Fusce molestie
    dictum turpis nec posuere. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed ut ex
  </div>
  <div class="rightcontent">
    Etiam venenatis lobortis felis nec euismod. Aliquam erat volutpat. Nullam faucibus elit nec maximus consectetur. Morbi interdum arcu at enim consectetur, tempor sollicitudin quam vehicula. Fusce urna lectus, dapibus maximus nulla vitae, dictum tristique
    justo. Maecenas porta elementum risus sed mollis. Sed tellus ligula, semper at odio ut, accumsan rutrum diam.

  </div>
</div>

Updated Fiddle