我用div+css进行网页布局，但是两个相邻div之间有一条缝隙，怎么回事

Posted 2023-04-23

参考技术A 应该进行初始化，如果没有很多元素默认会存在margin或padding。因此建议在css第一行添加*margin:0px;padding:0px;。再有如果你的上下相邻的div里面的第一个标准流元素有margin-top相关设定，那么这个相邻元素也会有空隙 参考技术B 做了css样式预处理嘛？ 一般都会预处理这些空隙：div margin:0;padding:0;本回答被提问者和网友采纳

为啥要用div+css来进行网页布局？

DIV是层叠样式表中的定位技术，全称DIVision，即为划分。

有时可以称其为图层。DIV元素是用来为HTML（标准通用标记语言下的一个应用）文档内大块（block-level）的内容提供结构和背景的元素。

定义：

<div>可定义文档中的分区或节（division/section）。

<div>标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。

如果用id或class来标记＜div>，那么该标签的作用会变得更加有效。

注释：＜div>是一个块级元素，也就是说，浏览器通常会在div元素前后放置一个换行符。

提示：请使用＜div>元素来组合块级元素，这样就可以使用样式对它们进行格式化。

用法：

<div>是一个块级元素。这意味着它的内容自动地开始一个新行。实际上，换行是<div>固有的特定的格式表现。可以通过<div>的class或id应用额外的样式。

不必为每一个<div>都加上类或id，虽然这样做也有一定的好处。

可以对同一个<div>元素同时应用class和id属性，但是更常见的情况是只应用其中一种。这两者的主要差异是，class用于元素组（类似的元素，或者可以理解为某一类元素），而id用于标识单独的特定的元素。

参考技术A 因为好用、流行，当然你也可以自定义标签来进行网页布局，只要写好css样式即可，甚至你可以用老掉牙的table来给页面进行布局。