这是一个屏幕截图，显示正在发生的事情以及我想要发生的事情：
这是针对rankingclimber.com的index.php页面（当你去域时你会去它）
您可以在rankingclimber.com/index.php
中查看该文件的代码我的样式表有什么变化？或者我只是更改index.php页面中的html？
css文件位于rankingclimber.com/css/style.css
答案 0 :(得分：1)
我看了一下你的页面，似乎问题是由于最后一个方框中的第4行（我的排名有多高？）。 <} p>。当放大时，它会换行到第二行。这会导致最后一个框更高。
您不能像WEBProject建议的那样将3个框的高度设置为100％，因为您将它们浮动并且您不能仅在外部容器上指定高度，因为这些框由多个背景图像组成。除了将文本更改为更短的文本之外，最简单的解决方案是使框更高一些，以容纳最后一个框中的额外行。
答案 1 :(得分：0)
将这三个盒子包裹在div中，给他一些最小高度（所以所有盒子以相同的高度开始） - 然后给那些盒子 - 高度：100％;并且它们将延伸到包装器divs的高度。每当其中一个盒子变大时，主div也将获得高度，并且由于100％的高度，它们都将具有相同的尺寸。
希望我帮助过。