CSS页边距中心在Firefox中工作，而不是在Chrome中工作
的原因是因为不同浏览器对CSS规范的解释和实现方式有所不同。具体来说，这涉及到两个方面：盒模型和默认样式。
- 盒模型：
- 盒模型是CSS中用于布局和定位元素的基本概念。在标准的CSS盒模型中，一个元素的总宽度由内容宽度、内边距、边框和外边距组成。
- Firefox采用的是标准的CSS盒模型，即元素的宽度和高度包括了内边距和边框。因此，在Firefox中设置一个元素的外边距为auto时，元素会在父容器中居中显示。
- 而Chrome采用的是IE盒模型，即元素的宽度和高度不包括内边距和边框。因此，在Chrome中设置一个元素的外边距为auto时，元素不会在父容器中居中显示。
- 默认样式：
- 不同浏览器对于元素的默认样式也有所不同。默认样式是浏览器在没有明确指定样式的情况下为元素应用的样式。
- Firefox和Chrome在默认样式上存在一些差异，包括元素的内外边距、字体、行高等。这些差异可能导致在设置外边距居中时的表现不同。
综上所述，由于Firefox和Chrome对CSS规范的解释和实现方式不同，导致了CSS页边距中心在Firefox中工作，而不是在Chrome中工作。为了在不同浏览器中实现一致的效果，可以使用CSS的兼容性技巧或者特定的布局方法来解决这个问题。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云产品：https://cloud.tencent.com/product
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 腾讯云数据库（TencentDB）：https://cloud.tencent.com/product/cdb
- 腾讯云内容分发网络（CDN）：https://cloud.tencent.com/product/cdn
- 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
- 腾讯云物联网（IoT）：https://cloud.tencent.com/product/iot
- 腾讯云移动开发（移动推送、移动分析）：https://cloud.tencent.com/product/mps
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云区块链（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙（Tencent XR）：https://cloud.tencent.com/product/xr
相关·内容
我想使一个横幅在底部的页面与固定的位置和冻结时滚动。 <tr> <img src="logo.png"> </tr>
</table> 我使用了这个设置，当在firefox中测试时，它工作得很好，但在Chrome中不是，横幅位置仍然在左边，<
浏览 27提问于2019-01-04得票数 0
回答已采纳
Firefox和Chrome的页边距顶部大小是不同的，我附上了两个浏览器的图像和我的css代码，请给出一个反馈如何解决这个问题。Firefox ui：
CSS代码： border-radius: 50%; float: right;
浏览 0提问于2019-01-01得票数 0
我正在使用一些css，我花了大约3个小时来弄清楚为什么边距0自动不能在IE中工作stage.media-carrier.de/home/box/10任何想法__
浏览 0提问于2012-04-18得票数 3
回答已采纳
我相信我测试了StackOverflow上所有可用的解决方案，但是没有一个在Chrome (72)上工作。我遵循关于W3C的规范，但一切似乎只在FireFox中工作。Chrome版本：72.0.3626.81 (官方版本)(64位)<!@bottom-right {
content: counter(page) " of &qu
浏览 1提问于2019-02-19得票数 10
1回答
我不能让CSS属性“页边距-顶部”在所有浏览器(IE，FireFox，Chrome)上一致工作。.navmenu { list-style: none; padding: 0px; margin-top:16px; }Nav CSS可以在：上找到(从第276行开始)
这
浏览 0提问于2012-05-11得票数 0
回答已采纳
现在，我在jquery中构建了一个检查，如下所示： $('div#result').css('overflow-y', 'scroll'); $('div#result').css('overflow-y', 'hidden');
这在firefox</
浏览 1提问于2011-01-14得票数 4
回答已采纳
是否可以将打印预览边距属性设置为"None“(而不是"Default") ? 在Google Chrome中使用window.print()时(不是在打印预览中手动更改)？我用HTML和CSS自己添加页码和页边距到可打印的内容中，所以如果用户在默认情况下看不到额外的页边<e
浏览 91提问于2019-06-28得票数 0
我已经向我的CSS文件中添加了页边距属性。目前，我可以让它在Firefox中正常显示，但当我在IE和Chrome中查看它时，就没有余地了。文本框
asp:TextBox ID="txtInvoiceDate" Font-Bold="true" runat="server" CssClass="TextBox"></asp:TextBo
浏览 4提问于2016-12-09得票数 0
除了IE/OPera之外，我在所有浏览器上都遇到了这个问题，我将div的页边距设置在-800px上，如果我在IE中跟踪Div的位置是-800px，就像在Opera中一样，但在FF/Chrome中它增加了300px，所以它说Div在页边距上是-1100px。我已经看到最好的做法是使用填充而不是边距，但我对整个概
浏览 3提问于2013-02-12得票数 0
我正在写一个用于打印网页的CSS样式表，并且遇到了以下问题: Firefox在@page指令中添加了额外的页边距。<html> <title>CSS Print Test</title>
<link rel="stylesheet" href="style.css</e
浏览 2提问于2013-08-26得票数 1
现在，它在Chrome或IE中运行良好，但在Firefox中，它不显示表格标题。以下是Chrome和Firefox的一些截图。 在Firefox中： ? 在Chrome中： ?
浏览 46提问于2019-03-12得票数 2
回答已采纳
我在一个网页上工作，这必须是100%高。我这样做了，它在任何地方都运行得很好，除了Android Firefox。问题是：尝试了很多方法，主要是一些scrollTo()解决方案，但都不起作用。
浏览 5提问于2013-12-17得票数 2
4回答
我想知道为什么textarea拒绝与包含的div对齐？<div style="border:1px solid #ccc; width:300px"></div>
浏览 0提问于2010-12-10得票数 6
回答已采纳
下面的代码在chrome中运行得很好，但在firefox中就不行了。警报显示在chrome中有适当的页边距，而在firefox中总是显示0px。HTML：CSS： margin: 0 auto; b
浏览 5提问于2014-01-24得票数 6
回答已采纳
1回答
以下是网站：我想弄清楚如何解决这个问题。我对它在Chrome、Firefox和Safari中的显示方式很满意。
我正在使用Wordpress和我自己的css。
浏览 0提问于2013-01-20得票数 0
2回答
因为我知道这在JavaScript/CSS上可能是不可能的，有没有可能在Safari/Chrome或FF上安装一个浏览器插件或类似的东西？CMS将只在一台计算机上使用，因此是否需要插件并不重要。
浏览 1提问于2012-04-10得票数 0
回答已采纳
2回答
它的工作方式和我在Chrome中的预期一样，但它在Firefox中的错误元素上添加了一个边距： <div class="container main"> </div></html>
火狐似乎将.main规则中的页</e
浏览 0提问于2013-09-19得票数 2
我在Firefox和IE中的垂直间距出现了一些问题，时间长得令人尴尬。原来我有两个不同的问题。一个是非Chrome浏览器将使用*选择器选择元素并应用
浏览 4提问于2012-08-25得票数 0
回答已采纳
在我们的项目使用的各种css文件中设置p元素的页边距时，我有一些困难。IE或Chrome的developer tools (F12)中元素检查器的css列表中没有出现页边距规则(当然，Chrome在css规则列表的底部包含了一个图表，它告诉我，SOMEwhere正在应用18我刚刚使用'Grep‘搜索项目中的所有文件<e
浏览 3提问于2016-04-13得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
