问题标签 [margin]

我在 IE8 和 Chrome 上发生了这个问题，这让我认为这是一个标准问题。

我正在使用没有任何内容但在 CSS 中设置背景图像和高度/宽度的 DIV 创建一个带有标题和菜单的站点。我希望内部 DIV 对父 div 有边距，但它将边距应用于父 div。将内容放在 div 中可以解决此问题。IE7没有这个问题。我不想使用 ，因为它确实把东西扔掉了，而且看起来像是一个 hack。

请参阅下面重新创建的示例代码：

如果您给父 div 内容甚至是边框，则布局可以正常工作。我在这个网站上遇到过同样的问题几次。我想为菜单项列表提供一个边距顶部，但由于 headerMenu div（它的父级）也没有任何内容，它会使属性冒泡。

这是怎么回事？

我一直听说 CSS 中的边距在彼此相邻时会折叠，因此将两个元素设置为周围 40px 只会导致它们之间的 40px。

这是呈现 CSS 的旧方法吗，因为它不再以这种方式工作了吗？

这是 HTML 和 CSS。我似乎无法让利润崩溃：

相关 HTML

CSS

感谢您的建议！

我要疯了，不知何故，在我页面中的所有图像下方都有一个空白，代码中不存在一个空白。甚至 Firebug 也看不到它，但 Firefox 和 Safari 正在渲染它——即使根本没有 CSS！

这在我以前从未发生过……！

我正在尝试制作一个编号列表，但我在列表和一些文本之间的顶部和底部都有一个边距（我使用的是 Firefox）。当我尝试用 CSS 摆脱它时，我失去了数字和缩进。是否可以在不丢失数字和列表缩进的情况下摆脱边距？

如果您使用以下 html：

你会看到你得到以下信息：

我很难理解和使用 jQuery 创建适当的函数。

我的网站有 2 个主要区域。第一个是出现在我命名为面板的另一个区域之上的内容区域。

我想要的只是这个面板，当我单击特定链接以向上移动一点并调整移动大小时。它应该代表一个从下向上生长的面板，目前无法正常工作！？

这是我的 jQuery 代码：

这是html：

我的目标是当我点击“向上移动”链接时，面板向上移动 50px。稍后我想在此处显示我的电子邮件地址，并将具有一个功能，该功能将在我的电子邮件中显示一个 div 元素，或者如果我按下其他链接 - 它会隐藏我的电子邮件地址 - 面板将向下移动。

正如您在这张图片中看到的那样，我在没有顶部边框div的绿色中有一个橙色。div橙色div有一个30px上边距，但它也将绿色div向下推。当然，添加顶部边框可以解决问题，但我需要绿色div顶部无边框。我能做什么？

谢谢

我完全理解盒子模型。这个问题更多的是关于尝试确定何时使用边距以及何时使用填充的语义方法。

这是一个典型的例子，

首先，用简单的英语：

• 情况：我们有一个容器div，里面有一个段落元素。

• 目标：在 div 的内部和段落的外部之间有 12px 的空间。

• 选项 a) 对容器 div 应用 12px 的填充

• 选项 b) 对段落元素应用 12px 边距

或者，如果您愿意，可以使用 HTML：

并且，CSS：

选项 a)

选项 b)

干杯!

乔恩

默认情况下，“枚举”环境相对于当前环境缩进。如何禁用此缩进，以便三个项目的枚举环境产生与以下代码相同的输出？

只是无法弄清楚这套巧妙的规则何时会有所帮助。当您将不同的布局组合在一起时，它们打破了盒子模型的简单性并提供了无限的麻烦来源。那么是什么原因呢？

参考规则。

更新：规则对于兄弟元素来说是非常合乎逻辑的，但是为什么边距应该传播到父元素直到树？解决了什么样的问题？

例如：

顶级 div 彼此间隔 100 像素。

我正在使用 VSTO 获取一些用户数据并将其添加到 PowerPoint 演示文稿中。为了使格式看起来正确，尽管我需要能够设置文本框中某些文本的左边距。将有一个初始文本块，然后是另一个缩进块。例如（添加下划线以强调间距）：

Lorem ipsum dolor sit amet, consectetur adipiscing elit。Sed 前庭元素 neque id rhoncus。在发酵 eros nec dolor lobortis 中，发生了发酵 est consequat。Curabitur eleifend nunc eu odio vehicula ut elementum erat aliquam。Ut adipiscing ipsum 坐在 amet leo pulvinar hendrerit。Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus。Nulla non neque in velit lacinia tempor et a lacus。
___________Cras auctor bibendum urna，一种 facilisis lacus lacinia non。
___________Nullam at quam a mauris consequat vulputate sed eu sapien。
___________Fusce sed urna nulla, ut sagittis lacus。Pellentesque tortor
___________augue, scelerisque at aliquet a, pretium ac ipsum。

我可以通过设置Shape.TextFrame.TextRange.IndentLevel = 2较低的文本块来获得这种效果。但是，我无法弄清楚如何以编程方式设置边距的值。有谁知道如何做到这一点？