使用了浮动模型后，如何让下一个元素不浮动？

源自：13-4 起飞咯 - 浮动模型

<head>

div{float: left;}

</style>

</head>

<body>

div{

width:200px;

height:200px;

border:2px solid red;

<span class="red">float:left;</span> /* 实现靠左浮动 */

<span class="red">float:right;</span> /* 实现靠右浮动 */

}

</pre>

</div>

<br />

<p>层模型就像Photoshop的图层精准定位一样，分为三种形式：</p>

<ol>

<li><strong>绝对定位</strong>(positioning:absolute)</li>

<li><strong>相对定位</strong>(positioning:relative)</li>

<li><strong>固定定位</strong>(positioning:fixed)</li>

</ol>

</body>

我实现了两块div的并行浮动，但是后面的文本和序列继续并列在div之后了，并不是另起一行，怎么回事呀？

提问者：IEwuIL7 2019-09-15 14:33