无法删除 CSS 中的边距（Summernote、MVC、.NET）答案

【问题标题】：Can't remove margin in CSS (Summernote, MVC, .NET)无法删除 CSS 中的边距（Summernote、MVC、.NET）
【发布时间】：2015-11-19 05:10:57
【问题描述】：

我在删除 CSS 中的边距时遇到问题。

我在一个 MVC .NET 项目中工作并实现了 Summernote 编辑器。它使用以下 CSS 文件：

summernote.css
font-awesome.css
bootstrap.css

以及 MVC 应用程序的默认 css 文件。

我检查了该页面，它指出我在 .note-editor 类的右侧有一个边距。然后，我将该 div（和类）的边距设置为 0，但到目前为止，无法删除它。

这是我的截图链接（因为我需要 10 声望才能发布图片）：

如果有人能提供帮助，我将不胜感激！

【问题讨论】：

【解决方案1】：

这不是margin，它只是容器.col-md-10 内的空白空间，如屏幕截图所示。为了更好地理解我创建了这个fiddle

这里父元素.container 有一些max-width 并且它居中对齐，内部元素.inner-container 有max-width: 90%; 并且还有10% 的剩余空间。如果您检查它，您将看到它与您的示例相同，它是 orange，您认为它是边距。

在您的场景中，父元素.col-md-10 有一些width，而内部元素.note-editor 有max-width:95%。这里还有一个5% 的剩余空间，您假设它为margin。

要删除它，请删除max-width，或者如果您提供max-width:100% 或width: 100%，您的问题将得到解决。

【讨论】：

这完全有道理。但是，如果我改变 col-md-10 的宽度，它会完全改变我的布局。我要做的就是让我的信息字形图标与其他两个对齐方式相同。而如果你说这5%的空间被假定为一个margin，为什么只在这个div上而不是其他两个呢？
感谢您的评论，这对您有很大帮助！

【解决方案2】：

好的，所以我发现了问题所在。 .note-editor 显示为一个块。我将其样式更改为display:inline-block 和width:95%。这很好地解决了它。感谢大家的帮助！

【讨论】：

【解决方案3】：

以下 css 对我有用。

.note-editor{
             display: inline-block;
             border: none;
            }

【讨论】：

【解决方案4】：

在 Site.css 文件中尝试或尝试直接键入 style="margin 0 0 0 0" 或尝试将另一个类应用于当前。

【讨论】：