Html 框大小：边框框；宽度百分比，但像素填充

我一直在创建一个网格，它对排水沟使用

填充
。有时需要没有水槽（完整的
宽度
图像），所以我只是创建了一个类，删除了
填充

问题是，当使用
50%
width
时，即使使用
边框框
，也不是真正的
50%

简化的测试用例：


代码


*，
*：之前，
*：之后{
框大小：边框框；
}
.行{
缩放：1；
&：之前和之后{
内容：“；
显示：表格；
}
&：之后{
明确：两者皆有；
}
}
.一半{
宽度：50%；
填充：10px；
}
1.没有垫子{
填充：0；
}
.栏目{
浮动：左；
}
img{
最大宽度：100%；
身高：100%；
显示：块；
}
.eq高度容器{
显示器：flex；
}
.eq高度栏{
弹性：1；
}

Lorem ipsum dolor sit amet，奉献精英。《必要的公共部门法》，在《权利的暂时性》一书中，准教区化的《平等权利法》。Saepe sapiente，facere repellat Teneur quae aut

Lorem ipsum dolor sit amet，奉献精英。《必要的公共部门法》，在《权利的暂时性》一书中，准教区化的《平等权利法》。Saepe sapiente，facere repellat Teneur quae aut

那是因为你在
flex
中混音。如果删除
.eq height列
，您将看到这两列的宽度相同。
这是因为您混入了
flex
。如果删除
.eq height column
，您将看到这两列的宽度相同。
您可以将
img
设置为
width:100%
并删除
flex:1
和
float:left
以保持
display:flex
的高度相等


正文{
保证金：0
}
*,
*：之前，
*：之后{
框大小：边框框；
}
.行：：之前，
.行：：之后{
内容：“；
显示：表格；
}
.行：：之后{
明确：两者皆有；
}
.一半{
宽度：50%；
填充：10px；
背景：红色
}
1.没有垫子{
填充：0；
}
img{
宽度：100%；
身高：100%；
显示：块；
}
.eq高度容器{
显示器：flex；
}
.eq高度栏{
/*弹性：1*/
}

Lorem ipsum dolor sit amet，奉献精英。《必要的公共部门法》，在《权利的暂时性》一书中，准教区化的《平等权利法》。Saepe sapiente，facere repellat Teneur quae aut

Lorem ipsum dolor sit amet，奉献精英。《必要的公共部门法》，在《权利的暂时性》一书中，准教区化的《平等权利法》。Saepe sapiente，facere repellat Teneur quae aut

如果要保持
显示：flex
高度相等，可以将
img
设置为
宽度：100%
并删除
flex:1
和
float:left


正文{
保证金：0
}
*,
*：之前，
*：之后{
框大小：边框框；
}
.行：：之前，
.行：：之后{
内容：“；
显示：表格；
}
.行：：之后{
明确：两者皆有；
}
.一半{
宽度：50%；
填充：10px；
背景：红色
}
1.没有垫子{
填充：0；
}
img{
宽度：100%；
身高：100%；
显示：块；
}
.eq高度容器{
显示器：flex；
}
.eq高度栏{
/*弹性：1*/
}

Lorem ipsum dolor sit amet，奉献精英。《必要的公共部门法》，在《权利的暂时性》一书中，准教区化的《平等权利法》。Saepe sapiente，facere repellat Teneur quae aut

Lorem ipsum dolor sit amet，奉献精英。《必要的公共部门法》，在《权利的暂时性》一书中，准教区化的《平等权利法》。Saepe sapiente，facere repellat Teneur quae aut

Ah，-很有趣。这将是一个很好的保持弯曲的高度相等的好处。有什么办法可以解决这个问题吗？不太熟悉flexbox，但是既然你已经在使用它，为什么不用它来构建你的专栏呢？我假设flexbox的
offlexbox
满足您的要求？它只用于站点的一小部分（1页），因此出于方便选择使用flexbox（不受支持的浏览器的列不均匀并不是世界末日），但我希望主网格保持非flex.Ah，-有趣。这将是一个很好的保持弯曲的高度相等的好处。有什么办法可以解决这个问题吗？不太熟悉flexbox，但是既然你已经在使用它，为什么不用它来构建你的专栏呢？我假设flexbox的
flexbox
满足您的要求？它只用于站点的一小部分（1页），因此出于方便选择使用flexbox（不受支持的浏览器的列不均匀并不是世界末日），但我希望主网格保持非flex。