我创建具有多个div
子元素的父元素,然后根据data-value
属性在 JavaScript 中计算其宽度。
如果我总结所有孩子的计算宽度,我最终会得到 100%。但由于某种原因,孩子不会真正占据父母宽度的 100%:一部分白色像素出现在最后一个孩子之后。
这是一个证明这一点的小提琴:http: //jsfiddle.net/tqVUy/42/
Chrome 和 Firefox 渲染它很好,我在 Safari 和 Opera 中遇到了这个问题(请参见下图)。
除此之外,overflow
属性无法按预期工作,因为子元素与父元素重叠div
(同样,仅在 Safari 和 Opera 中相关)。
问题:
- 还有其他(正确的)方法可以让孩子适合父母吗?
- 圆角和
overflow: hidden
父母,我可以让它在所有浏览器中看起来都一样吗?