为什么这张桌子在 chrome 中没有 100% 的宽度？

Question

我不明白为什么这个表格不能跨越 Chrome 中的整个页面。它在 IE 中运行良好。该页面是购物车页面，它有一个包含 5 列的表格。是否可以仅使用 CSS 来做到这一点？ https://jsfiddle.net/bc10ggc6/

<div class="header-wrapper">
<h1>I'm not going to add the code because it's too large and stackoverflow are asking for too much text</h1>
</div>

Answer 1

看看这个fiddle

您的图片正在破坏您的布局。

将此规则添加到您的图像：

img{
    max-width: 100%;
    max-height: 100%;
}