下面的文档看起来应该在火狐、歌剧、Safari甚至是IE6和后来的(!)中使用,但不是Chrome -在某些分辨率下(我猜宽度不均匀?) http://jsfiddle.net/4BEvL/1/
问题是菜单没有像内容div那样展开,所以它会在边缘留下一个间隙:
相反,设置CSS div的MAX-width奇怪地解决了这个问题,但这不是我想要的结果;此外,它在IE6中看起来会很糟糕(我还没有放弃对它的支持),因为它不支持最大/最小-* #container
规则。
我能为Chrome解决这个问题吗(不使用CSS hack)?
发布于 2012-12-18 11:01:57
我通过在#container
目录中添加display:table;
修复了这个问题。
(不过,它在我的网站上损害了一些东西)。
发布于 2012-12-18 13:05:33
您的表格在#container内,该容器设置为正文宽度的85%。因此,将表格设置为100%宽度只会使表格扩展到85%。百分比始终是其定位父对象的百分比,在本例中为#container。但容器也被约束为最小800px宽,因此当您减小宽度时,它不会进一步缩小。
https://stackoverflow.com/questions/13908842
复制相似问题