使用此HTML模块在哪个CSS元素导致此网站出现问题？

Question

我有一个关于编码的半封闭系统的网上商店。我可以将我的自定义HTML模块放在网站上，并且可以修改基本CSS，但网站本身有一个默认的5490行CSS。

请在这里查看网站：https://thecard.hu

如果你滚动到底部有一个定价表HTML模块，我填写了我在这里找到的数据：codehttps://codepen.io/littlesnippets/pen/EVJVra

但是当我把它放在网站上时，按钮的底部被切断了，我不知道为什么。我尝试了一些但没有用的东西。

经验丰富的HTML，CSS编码器可以立即发现错误。

我试过了：

添加填充到id＃customcontent10

在.snip1214 .plan-select和.snip1214修改填充.featured .plan-select

我想让定价表的装备与源网站上的相同。例如。我不希望底部被裁剪

非常感谢你！

Answer 1

你必须清除浮动。只需添加到您的CSS

.snip1214:after {
    display: block;
    content: ' ';
    clear: both;
}

Answer 2

那么，你应该做的是将这个（或类似的东西）添加到你的CSS：

div#middle-tablazat {
  padding-bottom: 20px;
}

这应该解决问题。它被剪裁是因为inline-block的方式，这是你如何显示计划按钮a标签，处理它的大小。只需添加填充到主容器div（#middle-tablazat），你会没事的。

Answer 3

底部是切割因为

在你的CSS

    .customcontent .middle{
      overflow:hidden
     }

如果你使用，下面将不再隐藏

.customcontent .middle{
    overflow:visible 
}

或者简单地删除css