Question

我正在尝试为我网站上的网页开发新的布局，并且无可否认，考虑到我的技能水平，它是雄心勃勃的。下面是我到目前为止所取得的成果的链接，但是我遇到了这个问题，当你点击欢迎线下方的项目框时，它会做我期望的一切，除了与其他人保持同一水平调整大小的divs。如果你尝试的话，你会明白我的意思。

http://flightsimsoc.co.uk/indexTest.php

我在这里没有使用任何复杂的javascript，（事实上我的方法非常糟糕且效率低下，但实际上只是一个支持，直到我了解更多并且可以用更少的代码实现相同的效果），它＆＃39 ; s只是编辑div的样式的一堆行。因此，我认为这个问题显然是问题 - 这个问题在过去一周左右一直困扰着我，所以我只是在考虑是否有人有时间看看，两个头比一个好。

提前致谢

Answer 1

您正在尝试将框缩小到3％宽度，同时其中的内容仍在尝试放入其中。您需要在项目框中添加溢出，以便在缩小时不会溢出。

.projectBoxes {
    width: 25%;
    display: inline-block;
    padding: 0;
    margin: 0;
    height: 20.5vh;
    color: #222;
    transition: 0.4s;
    cursor: pointer;
    overflow: hidden;
}

也可能在视觉上隐藏折叠框中的内容，以便在折叠时不会显示，假设这是所需的效果。

Answer 2

SELECT name, count(*) as C
FROM sells
GROUP BY user_id
ORDER BY C
LIMIT 1

为什么我的div会下降到他们应该的位置？

2 个答案: