问题标签 [margins]

我要做的就是在方程式周围获得一些垂直间距。我想设置等式之前出现的一定数量的空间和之后出现的一定数量。我正在尝试各种各样的东西，但它似乎总是对一些疯狂的事情有用。我了解保证金崩溃，但显然不止如此。我已经放置了一些荒谬的空间来说明古怪。任何人都可以帮忙吗？

calcStyle.css：

html:

结果：

我想使用分区制作圆圈，每个圆圈都有不同的边距。问题是对另一个影响最大的影响div较小。margin-topmargin topdiv

这是HTML：

这是CSS：

}

这是代码：

http://jsfiddle.net/L6gPd/

div影响较小margin-top且边缘较大的顶部。

请问有什么解释吗？

我正在使用 jQuery 代码使用 margin-top（而不是顶部）将 div 设置在计算位置，这在除 IE8 之外的所有浏览器中都能完美运行。（它确实在 IE6 和 IE7 中工作）。

我将问题缩小到这样一个事实，即如果我使用 jQuery 设置上边距，它不会在 IE8 上更新，边距保持由 CSS 设置。我在一些论坛上看到这是一个常见的 IE8 问题，并且我找到了一些解决方法，但我发现了一些让我怀疑它是否真的是错误的东西？！我将所有代码减少到以下内容，但仍然无法正常工作：

这是 HTML 的正文：

这是CSS代码：

最后是 jQuery 代码。

好吧，如果您在 IE8 中尝试之前的代码，您将正确定位第一个 div (.menu_header) 但第二个 div (.main_content) 将没有任何边距。我认为 jQuery 根本没有更新 HTML/CSS 并且 0px 的原始值仍然有效，所以我使用 IE8 中的开发人员工具检查，发现 CSS 代码已经更新（内联 CSS）但仍然没有显示上边距。

正如我所说，我在互联网上发现这是一个已知的 IE8 错误，由于各种原因（例如边距折叠与设置为浮动的 div 和其他解释取决于 CSS“内容”），但我最初有一个jQuery 代码的一部分让我想知道这个错误的真正含义是什么，因为没有任何解释可以与此相符？！

为了清楚起见，我在原始 jQuery 代码中所拥有的只是几行，我将其简化为以下内容：

好吧，在这段代码中，您可能已经注意到，还有一行（第 3 行）用于在用户调整浏览器大小时设置 margin-top 并且神奇的是，当用户调整浏览器大小时，margin-top 会更新并当文档准备好（第 2 行）时，显示正确但仍然无法正常工作！

我继续玩（是的，在这一点上它变成了一个游戏，因为微软不能认真这样做！）我注意到在 HTML 代码中，如果我在 div 之后添加<p>some text</p>或<span>some text</span>或任何带有内容的元素，该问题不会发生，并且边距会正确更新。

所以，基本上，我不是在寻找解决方法，因为我有两个方法是添加一个带有内容的 div 并将其高度设置为 0 和 overflown:hidden，这样它就不会改变网站设计或<p>&nbsp</p>在 div 之后添加。

我只是希望有人可以向我解释为什么当文档准备好而在 resize() 时更新边距不起作用以及为什么在 div 解决问题后添加一些 HTML 以及是否有任何其他解决方案可能是什至比我有的更简单？

我有 Visual Studio 2010 企业版。

这是我的代码，它适用于所有其他事情，但它不会在运行时改变边距。即使 , 等的值objRpt.PrintOptions.PageMargins.leftMargin发生rightmargin变化，它也不会反映在输出中，也不会反映CrystalReportViewer在Hardcopy输出中。

这是代码：

我设法在设计时通过右键单击报告>设计>页面设置来设置边距。如果我在此处设置，边距工作完美，它们反映在报告查看器和硬拷贝中。但是当我使用上面的代码时，这不会发生。

我尝试在 Zoomer.js 中为动画功能编辑 JS，代码如下：

我希望小红框从下向上而不是从上到下进行动画处理。我认为这就像将 marginTop:'65px' 更改为 marginBottom:'35px' 一样简单，但这不是诀窍。

我读过使用 position:absolute 会使 marginBottom 无效，但如果我使用任何其他位置，它会破坏效果。如果这是正确的，是否有解决方法？如果这不正确，你能告诉我哪里出错了吗？

我感谢大家的时间和投入。

谢谢！

问题可以在这里看到。

正如您在小提琴中看到的那样，左栏中的图像下方有一些填充。我真的不知道如何摆脱这个。

当padding:0我检查Chrome. div 中没有填充，图像没有边距。任何想法这可能是什么？我试图手动设置边距/填充，并且我已经将图像和列显示：内联并阻止只是为了看看会发生什么。

理想情况下，红色背景只会出现在文本后面。我试图只在左栏中设置背景，只是为了让背景停止在文本的底部。height:100%没有解决这个问题。如果我这样做的话，我有点期待右栏的底部看起来更长。

在这一点上，我有点不知道我可以从这里去哪里，所以有人知道这可能是什么吗？我是否可以改变它？

我的内容中有很多带有预设样式的图像，例如<img src="" style="float:left">或<img src="" style="float:right">

我想根据它们的浮动方式为它们设置不同的边距。是否可以为具有预设样式的图像设置 CSS 样式？

谢谢！

我有以下结构和布局：

jsbin

问题： 为什么margin-top: 6%计算为div#content比 for更多的像素div#header？

注意：两个元素的父元素都已height: 100%设置，就像设置一样div#top-container。

我有一种强烈的感觉，这与div#headeranddiv#content浮动的事实有关，但我真的无法弄清楚它为什么会这样。

我有这个函数，我在其上放置了一个父类，以便为输入父级设置边距。我想修改一点父行为并将这个“ $(this).parent().addClass('cooling');”替换为“ $(this).parent().animate({ marginRight: "200px" }, slow );”，但我不知道如何在模糊时删除那个动画边距。如果有人可以帮助我...

我正在使用 960.gs 网格系统创建一个 HTML 页面。我想在其中一个排水沟的中心画一条垂直虚线。

带有网格覆盖的页面（用红色标记的排水沟）：

带有模拟垂直虚线的页面：

但是，在 grid.css 样式表中，排水沟作为边距被强制执行。当我向内容列添加边框时，它会立即关闭网格并打破页面（最后一列 DIV 换行到下一行）。

我的解决方法是给整个页面一个 940px x 2px 的垂直重复背景，包含点，这样它就会产生虚线边框的错觉。

我更希望这是在代码中处理的。

我的问题：是否有类似的行为类型text-indent？

与负值一起使用，这会拉回文本的开头，而不会影响 DIV 的大小、边距、填充或相邻的 DIV。

也许我可以对列的边界做类似的事情。