gpt4 book ai didi

css - 行内 block 元素被推到下一行

转载 作者:行者123 更新时间:2023-12-05 08:59:10 24 4
gpt4 key购买 nike

<分区>

我正在构建一个 WordPress 主题(WP SE 告诉我把这个问题带到这里),但我的页脚小部件区域有问题。除了 Recent Posts 小部件之外,所有小部件似乎都可以使用我的 CSS 进行正确布局。它似乎是前一个元素的 margin-right 的两倍。

小部件的宽度为其容器的 33%。我为每行的三个小部件中的前两个提供 0.5% (33 * 3 + 0.5 * 2 = 100) 的右边距,并使用第 n 个子选择器为每三个小部件提供 0 个右填充。

正如您在实时网站的第一行中看到的那样,这对大多数小部件都非常有效。在第二行,我将 Recent Posts 小部件作为第二个元素。这会在前一个元素的右侧引入额外的边距。

您可以看到 Chrome Dev Tools 无法解释这个额外的利润。我在这些屏幕截图中突出显示了它和前面的元素以显示它们的边距。

Preceding widget http://dl.dropboxusercontent.com/s/2l6dui7f0zrg9ru/2013-07-11%20at%208.49%20AM.png Recent Posts widget http://dl.dropboxusercontent.com/s/s3okkwwgjma4y09/2013-07-11%20at%208.59%20AM.png

谁能告诉我我可能需要做些什么来解决这个问题?这会将最近的帖子小部件之后的小部件推到下一行并造成大困惑。

如果您想查看问题,请转到 http://www.kellyshipe.com/ .您还会看到上面的行非常适合不同的小部件。

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com