如何将页脚分成不同的宽度？

Question

您好我正在使用Wordpress和Wootique主题，主题支持各种页脚小部件布局只有1或分成2,3或4列但我想改变它所以如果它设置为3列它将是第一个页脚小部件是整体大小的一半，另外2个然后在剩下的一半之间分开。

这是当前的css我如何分割它的48％24％和24％？

/* 3 columns */

#footer-widgets.col-3 .block {
  width: 30.75%;
  float: left;
  margin-right: 3.8%;
}
#footer-widgets.col-3 .footer-widget-3 {
  margin-right: 0;
}

Answer 1

试试这个

#footer-widgets.col-3 .block {
  width: 24%;
  float: left;
  margin-right: 3.8%;
}
#footer-widgets.col-3 .block:first-child {
  width: 48%;
}