怎么用div布局？

div是层叠样式表中的定位技术，全称division，即为划分。有时可以称其为图层。div在编程中又叫做整除，即只得商的整数。 div元素是用来为html（标准通用标记语言下的一个应用）文档内大块（block-level）的内容提供结构和背景的元素。

<div>是一个块级元素。这意味着它的内容自动地开始一个新行。实际上，换行是 <div> 固有的特定的格式表现。可以通过 <div> 的 class 或 id 应用额外的样式。<br><p>不必为每一个 </p><div> 都加上类或 id，虽然这样做也有一定的好处。<p>可以对同一个 </p><div> 元素同时应用 class 和 id 属性，但是更常见的情况是只应用其中一种。这两者的主要差异是，class 用于元素组（类似的元素，或者可以理解为某一类元素），而 id 用于标识单独的特定的元素。<p>举例：</p><pre class="brush:<a style="max-width:90%" href="https://m.php.cn/zt/15716.html" target="_blank">css&lt;/a&gt;;toolbar:false&quot;&gt;&lt;body&gt; &lt;h1&gt;NEWS WEBSITE&lt;/h1&gt; &lt;p&gt;some text. some text. some text...&lt;/p&gt; ... &lt;div class=&quot;news&quot;&gt; &lt;h2&gt;News headline 1&lt;/h2&gt; &lt;p&gt;some text. some text. some text...&lt;/p&gt; ... &lt;/div&gt; &lt;div class=&quot;news&quot;&gt; &lt;h2&gt;News headline 2&lt;/h2&gt; &lt;p&gt;some text. some text. some text...&lt;/p&gt; ... &lt;/div&gt; ... &lt;/body&gt;</pre></div></div></div></div></div>