Html 将文本环绕块元素

这里是示例代码

<div id="field_one">
    <p>   ndustry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchange</p>

<div id="field_two">
    <ul>
        <li>one</li>
        <li>one</li>
        <li>one</li>
    </ul>
</div>
</div>

我需要你把文本包装在一个块元素周围，并且和他在同一层；

---

这里是我试图实现的链接，但是文本应该将div元素包装起来，简单的答案是——将div字段2放在p之前（并去掉负的上边距）

e、 g

一个
一个
一个

工业。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。它不仅存活了五个世纪，而且还跨越到电子排版，基本上保持不变

从语义的角度来看，这并不好，但这是最简单的方法

---

编辑：当我想到它时，JSFIDLE中的CSS也有点坏了（在高度值和第二个浮点值之间缺少分号分隔符（这不是必需的）

你不能简单地在一个浮点元素上放置一个

边距来重新定位它；这不会使它按照你的意愿工作

而是更改元素的顺序：

编辑：

如果无法更改HTML代码中元素的顺序，请考虑用jQuery更改元素的顺序：

我在这里做的jQuery将浮动元素保存在一个变量中，将其从原来的位置移除，然后在父div中预先添加它

var field_two = $("#field_two");
field_two.remove();
$("#field_one").prepend(field_two);

​
 我知道这只是一个简单的例子，这个块应该在第一个div的底部，为什么它必须在底部呢？好的，在我的项目中，div#field _两个附加在几个不同的页面上，并且总是应该在field _one的底部：/您是添加div的人吗？例如，如果您使用jQuery添加它，您可以mply在它前面加上前缀而不是附加。或者它是一个生成代码的CMS吗？是的，CMS Drupal生成了第二个div，但是我也可以用jQuery操作它
<div id="field_one">
  <div id="field_two">
    <ul>
      <li>one</li>
      <li>one</li>
      <li>one</li>
    </ul>
  </div>
  <p>   ndustry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchange</p>
</div>

var field_two = $("#field_two");
field_two.remove();
$("#field_one").prepend(field_two);