怎么用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><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:css;toolbar:false">&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;aritcle_card&quot;&gt; &lt;a class=&quot;aritcle_card_img&quot; href=&quot;/xiazai/code/11219&quot;&gt; &lt;img src=&quot;https://img.php.cn/upload/webcode/000/000/012/176535720745028.jpg&quot; alt=&quot;eshop网上书店源码&quot;&gt; &lt;/a&gt; &lt;div class=&quot;aritcle_card_info&quot;&gt; &lt;a href=&quot;/xiazai/code/11219&quot;&gt;eshop网上书店源码&lt;/a&gt; &lt;p&gt;适合初学的标准三层架构，采用ajax，页面布局div+css符合w3c，用vs自带的sqlserver，免配置sqlserver，使用方便，里面共有5个项目，点击最外层的.sln直接可运行。网站采用asp.net 用户角色配置（membership，UserRoles），用户角色、权限可在asp.net配置里修改，注册，登陆均采用asp.net登陆控件，网站根据用户角色自定义sitemap，基本上&lt;/p&gt; &lt;div class=&quot;&quot;&gt; &lt;img src=&quot;/static/images/card_xiazai.png&quot; alt=&quot;eshop网上书店源码&quot;&gt; &lt;span&gt;0&lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;a href=&quot;/xiazai/code/11219&quot; class=&quot;aritcle_card_btn&quot;&gt; &lt;span&gt;查看详情&lt;/span&gt; &lt;img src=&quot;/static/images/cardxiayige-3.png&quot; alt=&quot;eshop网上书店源码&quot;&gt; &lt;/a&gt; &lt;/div&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布局？的详细内容，更多请关注php中文网其它相关文章！