Question

我在woocommerce的产品页面上添加了新标签。

我添加了自定义的CSS代码。它破坏了结构。

这是网站：

这是我的代码：

.cf7{
   float:left;
   width: 48%
 }
.cf{
   float:right;
   width:48%
 }

感谢您的帮助。

Answer 1

将此添加到父div：

overflow: overlay;

或让浏览器决定：

overflow: auto;

Answer 2

主要问题出在类float:right和float:left中的cf和cf7中。如果删除该边框，边框将再次恢复正常。但是根据您的评论，您希望将其保留在两列中。最好的方法是使用flex。您可以在Complete guide to flexbox中了解flex。

Answer 3

.clearfix:before,
.clearfix:after {
   content: " ";
   display: table;
}

.clearfix:after {
   clear: both;
}