如何指定CSS表单元格的百分比宽度?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (169)

我正在尝试使用CSS显示来创建一个基于HTML / CSS的星期日历:对应于每天的div的表格单元样式。当我指定百分比宽度大于17%的div 时,div按预期填充整个屏幕(自7 * 17%> 100%)。

但是,当我指定16%或更小的百分比宽度时,div的行为完全不同,只占用页面宽度的一部分。

我希望我的每个div的宽度都是14%左右,所以它们粗略地填充了页面的宽度,并且具有相同的大小。不幸的是,14%的宽度看起来更糟。

什么导致这种意外的行为?有没有办法解决它?我需要明确指定宽度,因为最终我希望日历的日子在mouseover上展开。

提问于
用户回答回答于
#calendar {
    display: table;
    height:900px;
    width: 100%;
}
用户回答回答于

CSS规则百分比值总是相对于父属性的值。

尝试向容器添加显式宽度:

#calendar {
    display: table;
    height:900px;
    width: 100%;
}

你可以对于“.day”元素用14%

扫码关注云+社区

领取腾讯云代金券

年度创作总结 领取年终奖励