无法将块元素移到上面的行中

Question

我是HTML和CSS的初学者，我正在为朋友制作网站。在这个页面上http://mypersonalcredo.com/categories.php我无法获得最后一次＆＃34;即将推出＆＃34;照片转移到上面的行。我确定这是一个简单的解决办法，但我似乎无法弄明白。任何帮助都会很棒，谢谢！

Answer 1

非常简单的解决方法：将float:left;替换为display:inline-block;上的category。

您可能还想使用vertical-align:top;来对齐所有照片的上方。

Answer 2

在＆＃34;穿上你相信的东西之后删除<br>！＆＃34;文本。内部.catdesc与T恤div有关。 它应该解决它。

要查看导致问题的原因，您可以打开开发者控制台，然后检查＆＃34;穿什么相信！＆＃34;文字。删除选择它的<br>元素，然后按DELETE按钮。

Answer 3

如果添加：

，则有效

clear: left;

对于那些卡在右边的人，他们会走到下面的最左边。我把它添加到＆＃34;卡＆＃34;的div中。看看下面的截图：

您也可以阅读有关使用清除和浮动的更多信息。

查看此文章：https://css-tricks.com/all-about-floats/

Answer 4

这是因为你的衬衫图像很大，额外的文字不在下面，并使浮动元素相互向下推。例如，见图像。要解决此问题，您必须使其占用与其他类别元素

相等的空间