Html 水平对齐3个div,无边距,仅限镀铬

Html 水平对齐3个div,无边距,仅限镀铬,html,css,google-chrome,debugging,Html,Css,Google Chrome,Debugging,我通常不会有问题找到一个解决方案来水平排列div,但是这只发生在googlechrome中 这一页是iv'e刚刚开始工作的,它有一个问题,三个定价计划应该并排进行,中间没有边际或空白 如果你在firefox上查看页面,它会显示我想要的方式,但我尝试对chrome进行的任何更改都会影响firefox 我可以专门针对chrome(在iv'e研究了如何使用chrome之后),但我更愿意找出为什么它与firefox不一致。也许我遗漏了一些代码。我只建立了一年的网站,所以我的代码技能非常一般 我现在找不到

我通常不会有问题找到一个解决方案来水平排列div,但是这只发生在googlechrome中

这一页是iv'e刚刚开始工作的,它有一个问题,三个定价计划应该并排进行,中间没有边际或空白

如果你在firefox上查看页面,它会显示我想要的方式,但我尝试对chrome进行的任何更改都会影响firefox

我可以专门针对chrome(在iv'e研究了如何使用chrome之后),但我更愿意找出为什么它与firefox不一致。也许我遗漏了一些代码。我只建立了一年的网站,所以我的代码技能非常一般


我现在找不到问题的答案,我真的希望能朝着正确的方向努力。

我不知道为什么它能在firefox上工作,但你似乎只是忘记了
tier-2-container
上的
float:left


编辑:我把容器弄糊涂了。

我想你的意思是在第二层容器上向左浮动。是的,这很有效。我最初没有使用固定宽度(因此是左浮动、显示:内联块和右浮动)。我从未想到在分配宽度后将它们全部向左浮动。ThanksI最初没有使用固定宽度(因此是左浮动,显示:内联块和右浮动。我从来没有想到在指定宽度后将它们全部左浮动。谢谢,这帮助了我的头痛lol。)