如何以正确的方式设置列的自定义宽度?

时间:2016-02-04 20:30:29

标签: css grid-layout postcss

我有一个网格(我正在使用“丢失网格”),有两列。一个是300px,第二个是630px,容器是950px(20px是保证金)。 这是代码:

.grid1{
  width: 100%;
  lost-center: 950px;
  lost-utility: clearfix;
}

.grid1__item{
  lost-column: 0.65895/2 0 2.11%;
}

.grid1__item_big{
  lost-column: 1.32632/2 0 0;
}

以这种方式设置宽度是否可以:(0.65895/2),或者我做错了什么?如果我以这种方式设置它:(1/2),我无法获得所需的宽度。

1 个答案:

答案 0 :(得分:0)

尝试使用此http://codepen.io/BackS/pen/OMBQKy

.grid1__item{
  lost-column: 300/950 0 0;
  margin-right: 20px !important;
}

.grid1__item_big{
  lost-column: 630/950 950 0;
}