无法让块元素向上移动到上面的行
Cannot get block element to shift up into row above
我是 HTML 和 CSS 的初学者，我正在为朋友创建一个网站。在本页 http://mypersonalcredo.com/categories.php 我无法将最后一张 "Coming Soon" 照片移到上面一行。我确定这是一个简单的修复，但我似乎无法弄清楚。任何帮助都会很棒，谢谢！
这是因为您的衬衫图片太大，下方有多余的文字，导致浮动元素相互挤压。例如，参见图片。要修复，您必须使其占用与其他类别元素
等量的 space
非常简单的解决方法：将 float:left; 替换为 display:inline-block; category class。
您可能还想使用 vertical-align:top; 对齐所有图片的上边。
只需删除 "Wear What You Believe In!" 文本后的 <br>。内部 .catdesc 与 T 恤 div 相关。
它应该修复它。
要查看导致问题的原因，您可以打开开发人员控制台，然后检查 "Wear What You Believe In!" 文本。删除 <br> 元素，选择它并按下 DELETE 按钮。
如果你添加它就有效：
clear: left;
到那些卡在右边的人，他们会去最左边的下面。我将它添加到 div 的 "Cards"。查看下面的屏幕截图：
它还可以帮助您阅读更多关于使用清除和浮动的信息。
我是 HTML 和 CSS 的初学者，我正在为朋友创建一个网站。在本页 http://mypersonalcredo.com/categories.php 我无法将最后一张 "Coming Soon" 照片移到上面一行。我确定这是一个简单的修复，但我似乎无法弄清楚。任何帮助都会很棒，谢谢！
这是因为您的衬衫图片太大，下方有多余的文字，导致浮动元素相互挤压。例如，参见图片。要修复，您必须使其占用与其他类别元素
非常简单的解决方法：将 float:left; 替换为 display:inline-block; category class。
您可能还想使用 vertical-align:top; 对齐所有图片的上边。
只需删除 "Wear What You Believe In!" 文本后的 <br>。内部 .catdesc 与 T 恤 div 相关。
它应该修复它。
要查看导致问题的原因，您可以打开开发人员控制台，然后检查 "Wear What You Believe In!" 文本。删除 <br> 元素，选择它并按下 DELETE 按钮。
如果你添加它就有效：
clear: left;
到那些卡在右边的人，他们会去最左边的下面。我将它添加到 div 的 "Cards"。查看下面的屏幕截图：
它还可以帮助您阅读更多关于使用清除和浮动的信息。