CSS 填充无法正常工作，它看起来像一个边距

Question

我正在尝试在 elementor 上使用 css 编写我的列边距和填充，以便进行媒体查询以适应不同的桌面屏幕。

选择器是在布局的特定元素中使用css的方式

selector{
    margin:0.5em !important;
    padding-top: 110px !important;
    padding-bottom:6em !important;
    padding-left: 3em !important;
    padding-right: 4em !important;
}

When I use padding, it moves down the margin insted of filling the column

我在 Elementor 菜单和自定义中使用了相同的值 CSS

站点是：

https://fisherdog.com/home/

Answer 1

据我所知，您没有将填充应用到正确的选择器。您应该将它应用到内部 div 而不是（您当前放置它的 child）从检查器来看，这是 div with calss="elementor-column-wrap elementor-element-populated”。我试过了，当我在上面应用填充时，它看起来和其他卡片一样。

CSS 填充无法正常工作，它看起来像一个边距

CSS Padding is not working properly, it's looking as a margin

css

padding

margin

elementor