Html 文本不'；不要使浮动div溢出

我被一件最简单的事情缠住了。。。我看不出有什么不对，也看不出为什么我的段落文本不会溢出按钮容器（位于包装的右下角）

JS Fiddle链接如下：

与之配套的代码： HTML

谢谢你的帮助， E

e:因为这似乎不够明显：

---

这就是我的目标。

希望这就是你需要的

position: absolute;

而不是

position: relative;

---

在什么盒子里。这是链接

您可以按此格式排列文本和图像

text text text  ------------
text text text  | button   |
text text text  |          |
text text text  ------------
text text text text text text
text ...

这是很好的格式。你可以查一下

http://jsfiddle.net/swapnilmotewar/4adprz48/

---

浮动元素通常会使文本环绕它，仅当文本出现在浮动元素之后时。在您的情况下，文本不会环绕div（带有一类按钮），因为此div显示在标记中的文本之后

如果编辑标记使浮动元素显示在文本之前，则这将解决问题。例如，如果您只是在第二段之前移动按钮div，它将为您提供所需的行为

不要改变你的任何风格。只需按如下所示编辑标记。它将解决这个问题

<div class="what-wrapper">
    <div class="what-box">
        <h1>What we do</h1>
        <p class="what-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quiss nosstrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute r in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
        <div class="button">Explore our facilities</div>
        <p class="what-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore mauis aute r in enderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. gna aliqua. Ut enim ad minim veniam, quiss nosst eu fugiat nulla parruduis aute r in reprehen eu arderit in voluptate velit.</p>
    </div>
</div>

我们所做的
知识产权是一种权利，是一种精英的权利，是劳动和财富的暂时性权利。但是，在最低限度上，我们的实验室在日常工作中是不合格的。两人在无教区区的地方互相指责
探索我们的设施
知识产权是一种权利，是一种权利，是一种权利，是一种权利，是一种权利。gna aliqua。但是，在小威尼斯，我们不需要任何的欧盟fugiat nulla parruduis aut r来代表欧盟在voluptate velit的热情

那么您希望溢出什么？按钮中的文本？.what框中的按钮或.what框中的文本本身？我的水晶球告诉我这是您所需要的。可能的重复-这表明只有使用javascripti才有可能，但当文本较长时，它当然开始重叠。它不会这样做。你可以在这个链接中查看，但我不想这样安排。。。我确实说过，我希望按钮位于右下角，我希望段落文本在左侧溢出。

http://jsfiddle.net/swapnilmotewar/4adprz48/

<div class="what-wrapper">
    <div class="what-box">
        <h1>What we do</h1>
        <p class="what-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quiss nosstrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute r in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
        <div class="button">Explore our facilities</div>
        <p class="what-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore mauis aute r in enderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. gna aliqua. Ut enim ad minim veniam, quiss nosst eu fugiat nulla parruduis aute r in reprehen eu arderit in voluptate velit.</p>
    </div>
</div>