首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >在Chrome的某些窗口分辨率下,表格的宽度没有完全扩展

在Chrome的某些窗口分辨率下,表格的宽度没有完全扩展
EN

Stack Overflow用户
提问于 2012-12-17 13:39:04
回答 2查看 245关注 0票数 0

下面的文档看起来应该在火狐、歌剧、Safari甚至是IE6和后来的(!)中使用,但不是Chrome -在某些分辨率下(我猜宽度不均匀?) http://jsfiddle.net/4BEvL/1/

问题是菜单没有像内容div那样展开,所以它会在边缘留下一个间隙:

相反,设置CSS div的MAX-width奇怪地解决了这个问题,但这不是我想要的结果;此外,它在IE6中看起来会很糟糕(我还没有放弃对它的支持),因为它不支持最大/最小-* #container规则。

我能为Chrome解决这个问题吗(不使用CSS hack)?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2012-12-18 11:01:57

我通过在#container目录中添加display:table;修复了这个问题。

(不过,它在我的网站上损害了一些东西)。

票数 1
EN

Stack Overflow用户

发布于 2012-12-18 13:05:33

您的表格在#container内,该容器设置为正文宽度的85%。因此,将表格设置为100%宽度只会使表格扩展到85%。百分比始终是其定位父对象的百分比,在本例中为#container。但容器也被约束为最小800px宽,因此当您减小宽度时,它不会进一步缩小。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/13908842

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档