问题标签 [margin]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
html - 浮动和保证金崩溃
所以我很难理解在什么情况下浮动可能会导致边距崩溃，以及这如何影响浮动的位置。我已经包含了一个页面，该页面似乎在同一页面中显示了两种不同的行为。
红色浮动似乎位于通过它折叠的边距之前，而下方的蓝色浮动似乎使边距折叠通过它们，然后定位在这些边距折叠之后。
任何帮助将非常感激。
干杯，本
html - Dreamweaver CS4；页面右侧的空间
这次 Dreamweaver CS4 中的空白问题。我设计了一个背景图像为 1024 x 1024 的页面。该页面在设计窗口中看起来不错。当我在浏览器中预览或上传到服务器时，页面右侧有大约 200 像素的空白。我已将顶部、左侧、右侧和底部的边距设置为“0”。空间依然存在。接下来，我没有使用 1024 图像作为背景图像，而是将其插入 AP Div。结果相同。只是为了咯咯笑，我在 HTML 中将边距更改为 1，但右侧仍有 200 像素。在网站设计上付出了很多努力之后，让一些神秘元素破坏了我的设计是非常令人沮丧的。有谁知道如何解决这个问题？
谢谢！
数字D
html - 将 div 对齐到中心
我想浮动div到中心。可能吗？text-align: center不能在 IE 中工作。
css - 子元素的边距移动父元素
我有一个div（父）包含另一个div（子）。Parent 是第一个body没有特定 CSS 样式的元素。当我设置
最终结果是我孩子的顶部仍然与父母对齐。我的父母没有将孩子向下移动 10 像素，而是向下移动了 10 像素。
我DOCTYPE的设置为XHTML Transitional.
我在这里想念什么？
编辑 1
我的父母需要有严格定义的尺寸，因为它有一个必须从上到下显示的背景（像素完美）。所以在它上面设置垂直边距是不行的。
编辑 2
这种行为在 FF、IE 和 CR 上是相同的。
css - 无法摆脱 CSS 粘性页脚下的边距
我正在使用这里描述的CSS Sticky Footer技术，并让它发挥作用。
问题是，在我的大多数页面中，它都会在最底部添加 20 像素的边距或填充，我无法找到它的来源。
在操作方法中它说一些额外的边距可能会从其他元素继承。但我无法追捕罪犯。任何人都可以看到我在两个示例页面上所做的不同，或者更好的是，如何解决它？
javascript - 通过 JavaScript 获取元素的位置
我见过很多可以捕捉页面内元素/对象的 x 和 y 位置的脚本。但是当网页在正文或其他元素、绝对/相对元素等使用边距时，我总是无法捕捉 x 和 y。
无论使用什么边距或填充，是否有提供准确位置的解决方案？
css - CSS：如何使边距：0px 自动工作
我试图在另一个块内居中图像：
html 代码如下所示：
我想要做的是将图像放在 li 的中心。（见http://img.skitch.com/20091128-xf36n8ekhpxyi5rdgnuqrtw36a.png）
CSS看起来是这样的：
完整代码可在本站访问：http: //j-in.org.ua/article/art/
提前致谢！
css - CSS 和 Internet Explorer 7 的神秘问题
我认为 IE 是网页设计师的噩梦的神话是真实的。IE7 在我的div#image（灰色 div）的左侧和右侧添加了一些神秘的填充或边距，并且div#content中的段落受到h2标签的 CSS 属性的影响。提前致谢！
编辑：我什至尝试过 Eric Meyer 的 CSS 重置，但没有奏效。
edit2：我刚刚发现div#image之前的h1导致了问题，但仍然无法弄清楚原因。
Internet Explorer 7 Internet Explorer 7 http://www.pixentral.com/pics/13l8JIteyHdBhVVqfFods4fquEJUV1.jpg
Firefox 3 和 Google Chrome： Firefox 3 和 Google Chrome http://www.pixentral.com/pics/1ZctvuTRQLAzx9QKh6bA4VtuBWVh9.jpg
我的 HTML：
我的 CSS：
css - 如何解开保证金？
CSS 中的折叠边距：http: //www.w3.org/TR/CSS21/box.html#collapsing-margins
我了解该功能的目的，但我正在尝试进行布局，但我不知道如何将其关闭。
CSS 教程中通常解释的方式是：
- 添加边框
- 添加填充
当您处理具有背景图像和固定填充的像素完美布局时，所有这些都会产生明显的副作用。
有没有办法简单地禁用折叠而不必将额外的像素推入布局？对我来说，必须在视觉上影响文档以改变这样的行为是没有任何意义的。
css - IE6 的边距和填充“行为”的传奇烦恼（帮助！）
在 Chrome、FF 和 IE8 中一切正常。但是在 IE6 中，在div "middle-column"的正下方有一个奇怪的边距（里面有 3 个名为 features1、2 和 3.的 div。 ）位于 div "left-column"和"right-column"的上方）。我已经尝试了一切来摆脱这个问题。我尝试了“显示：内联技术”和 CSS 重置。请帮忙！我在这里测试我的网站
我的 HTML：
我的 CSS 重置：
我的 CSS 结构：