https://poydalla.net/category/in-english/标题为Suosituinta juuri nyt的小部件中的UL出了什么问题?在首页,类别和博客文章看起来不对,但在https://poydalla.net/lautapelisuositukset/等网页上看起来很不错。
我尝试将CSS与Chrome的Inspect工具进行比较,将所有差异从正确的页面更改为不正确的页面。
最重要的是,我已经搜索了很多东西并尝试了不同的边距,填充,线高,显示(内联,块,弹性等)组合。当其他的很好时,页面被搞砸了
答案 0 :(得分:0)
嗯,错误是margin-bottom: 40px;
.archive .post
选择器的ul
。我想这是为了在存档页面上展开文章预告片,但是,只要您的post
项目也有类post
,它们就会受到这个底部边距的影响。
如果不了解整个CSS(以及PHP为您的元素提供类),很难为您提供一个好的解决方案,但我想您可以尝试这种可能的解决方案:
如果您允许编辑PHP / HTML
只需从小部件上的li
项中删除课程.archive li.post { margin-bottom: 0 }
即可。
如果您只能编辑CSS
将.blog .post,
.single .post,
.archive .post,
.search .post,
.search .page {
margin-bottom: 40px
}
添加到CSS中就足够了。或者你可以修改一下:
.blog article.post,
.single article.post,
.archive article.post,
.search article.post,
.search article.page {
margin-bottom: 40px
}
到此:
WAITING_FOR_RUNNER