html表格像素宽度,html – 表格宽度100％偏离一个像素(取决于实际宽度)

我在另一个div内的div中有一个表.直接容器的宽度为40％,我希望表格与此div一样宽,设置宽度：100％.

相关标记

这在大多数情况下都有效,但是根据浏览器窗口的宽度,表格的宽度有时会偏离一个像素：

如右图所示,边框是兄弟div .info左侧的一个像素.这些边界应该对齐.

相关的CSS

#userListContainer{width: 40%; float: left; }

.info{display:block;line-height:22px; height:22px; padding-left:10px; }

#userListContainer .info {border-right: 1px solid #999999;}

.userList {

width: 100%;

border-right: 1px solid #999999;

word-break: break-all; border-spacing: 0;

border-collapse: separate;

}

对我来说似乎是一个渲染错误.它出现在Chrome 34.0.1847.131中,而不是IE10中.我无法在IE10或当前版本的FireFox中重现它.