问题标签 [margin]

我不经常编辑 CSS，几乎每次我都需要去谷歌搜索CSS 盒子模型以检查是否padding在内部border和margin外部，反之亦然。（刚刚再次检查并padding在里面）。

有没有人有一个很好的方法来记住这一点？一点助记符，一个很好的解释为什么名字是这样的......

我假设 C# 边距属性的含义类似于 CSS - 控件外部的间距。但无论我输入什么值，边距值似乎都被忽略了。

然后我在 SDK 上阅读：

在停靠控件上设置 Margin 属性不会影响控件与其容器边缘的距离。

鉴于我在窗体上放置控件，并且可能将它们停靠，Margin 属性给我带来了什么？

So essentially does margin collapsing occur when you don't set any margin or padding or border to a given div element?

当您想在 HTML 元素之间添加空格（使用 CSS）时，您会将其附加到哪个元素？

我经常处于以下情况：

现在，假设我希望每个元素之间有 1em 的空间，但没有高于第一个 h1 或低于最后一个 div。我会将它附加到哪些元素上？

显然，这之间没有真正的技术区别：

...还有这个...

我感兴趣的是次要因素：

1. 一致性
2. 适用于所有情况
3. 轻松/简单
4. 易于进行更改

例如：在这种特殊情况下，我会说第一种解决方案比第二种解决方案更好，因为它更简单；您只是在单个属性定义中将 margin-bottom 附加到两个元素。但是，我正在寻找更通用的解决方案。每次我做 CSS 工作时，我都会觉得有一个很好的经验法则可以应用……但我不确定它是什么。有人有好的论据吗？

有没有办法从 Javascript 代码中检测元素的真实边框、填充和边距？如果你看下面的代码：

你可以看到，如果你点击按钮，填充没有被正确报告。只有通过“样式”直接定义的属性会被报告回来，那些通过 CSS 类定义的属性不会被报告。

有没有办法取回这些属性的最终值？我的意思是在浏览器计算和应用所有 CSS 设置之后获得的值。

有一个 div 具有内部内容，一个 div 具有在 div 内部的边框。不知何故，这个 div 被扩展为包含下一个 div。这让我大吃一惊。

我想知道这是什么原因以及如何解决它。

我正在为我的教会创建一个网站，但无法在 IE 中正确显示。似乎我的 div “sidebox” 的背景位置被 “margin: 0 auto;” 覆盖了 因为背景显示居中而不是右侧，这使站点向右移动。

这是代码：

}

下面是运行站点的链接。您可以看到它在 FF 和 Safari 中运行良好，但在 IE 中却不行。我上面的代码没有内容，删除它并不能解决问题。 运行页面

我正在开发一个从 System.Windows.Controls.ContentControl 派生的自定义控件。在控件默认模板 (themes\generic.xaml) 中，我使用了一个包装实际内容的 Border 元素。

我的自定义控件是否已经实现了边距和填充（即，根据自定义控件上设置的填充缩小边框）或者我是否可以自己决定应用边距和填充的位置（即，设置边距和填充属性边框元素{TemplateBinding Margin}等

提前致谢！

我有这个简单的 xhtml：

它显示了两个矩形 - 但较低的（蓝色）一个不显示 2000px 边距。它只有窗户那么高。为什么？或者更重要的是，我如何让它展示出来？我可以在这两者之间添加一些像“aaa”这样的虚拟文本，</div> </div>但我认为这不是正确的做法。

非常感谢您的帮助！

在 CSS 中，边距顺序是：右上左下

在 XAML 中，边距顺序为：左上右下

WPF 团队没有将其与 CSS 规范保持一致是有原因的吗？