【问题标题】:What makes a perfect 100% width or height having multiple divs together with percentage height/width是什么让完美的 100% 宽度或高度具有多个 div 以及百分比高度/宽度
【发布时间】:2015-01-19 13:36:09
【问题描述】:

我有一个高度和宽度为 100% 的网格。网格分为 3 x 3 格。这意味着每个 div 的高度和宽度均为 33%。

我现在的问题是什么使网格看起来完美?

我是否必须为每个 div 使用 33.33% 才能达到 99.99% 还是应该为前 2 行使用 33.33% 而第三行有 33.34% 才能达到 100%?

或者宽度/高度为 33.33333333% 是最好的吗?

【问题讨论】:

标签: html css


【解决方案1】:

看看 CSS calc 函数(这必须根据您的需要进行调整,但想法是使用 100% / 3 )

div
{
  width:calc(100% / 3);
  height:calc(100% / 3);
}

【讨论】:

  • calc 函数的结果是 33.33333333% 但是我也可以使用这个硬编码值而不是计算它......
猜你喜欢
  • 2015-02-04
  • 2017-02-13
  • 2013-08-23
  • 1970-01-01
  • 1970-01-01
  • 2014-11-30
  • 2013-03-13
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多