我正在使用Susy制作一个固定的布局,当第二列有一个右边距时,即使我指定它们嵌套在一个容器中,我也会遇到这个问题。
HTML
<div class="control">
<label class="control__label">Email</label>
<input type="text" class="control__self">
</div>
CSS
@import "susy";
$fixed: (
box-sizing: border-box,
math: static,
columns: 12,
column-width: 60px,
gutters: 20px/60px,
gutter-poistion: inside
);
@include with-layout($fixed) {
.control {
@include container(12);
.control__label {
@include span(3 of 12);
}
.control__self {
@include span(9 of 12);
}
}
}
答案 0 :(得分:0)
更改
.control__self {
@include span(9 of 12);
}
到
.control__self {
@include span(9 of 12 last nest);
}
并且像魅力一样。