如何删除嵌套div之间的空白[关闭]答案

【问题标题】：How to remove white space between nested divs [closed]如何删除嵌套div之间的空白[关闭]
【发布时间】：2015-08-10 07:34:11
【问题描述】：

如何删除相互嵌套的 div 之间的空白。例如

  <div>
   <div>
   </div>
   </div>

【问题讨论】：

用什么语言？您是指 div 在浏览器中呈现后的视觉空白，还是您的 html 源文件中的空白/新行？
我的意思是在渲染之后。通常它就像在一个 div 的末尾开始一个评论，然后在一个新的 div 的开头结束评论。
为内部 div 设置 {margin: -1px;}。我的情况是：我有一个嵌套的 div，我希望边框与嵌套的 div 无缝。由于我使用的是特定尺寸的视口单元，它会将边框设置为显示父级边框和嵌套 div 之间有 1 像素间隙的大小。将边距设置为 -1px 似乎可以解决此问题。

【解决方案1】：

您能否参考以下链接指定您所指的空间 http://jsfiddle.net/meghanagpal/4khuL01a/1/

HTML
<div class="default"></div>
<div class="default"></div>
CSS
.default{    
    height:100px;
    width:100px;
    border:1px solid red;
}

【讨论】：

【解决方案2】：

将此 CSS 添加到您的代码中

div{
  margin: 0;
}

或像这样将内联 CSS 添加到您的 div 中

<div style="margin:0"></div>

【讨论】：