我已经花了几个小时来处理这个简单的（！）html代码..但不能％＃！¤让它按照我想要的方式工作..
http://www.bluemachines.dk/html_test/
如果你查看链接，你会看到一个灰色的div aprox 1000px的宽度..那就是页面的宽度..
在div中有一个带有3列标题的表格：Dato，Bilagsnr，Bilag
在最后一栏“Bilag”中，有多个元素，包括导致问题的图像。元素的宽度设置为100％但不知何故它“溢出”父级宽度
只要显示图像，前两列“Dato”和“Bilagsnr”就会被捣碎..
如果右键单击图像元素<div id="e9900" ...并检查元素并设置display:none，一切都会落实到位。e9900也有overflow:hidden，图像本身在父元素中可拖动显示大图像适合..这是它应该是什么样子，但是一旦显示图像元素，宽度就搞乱了
无法真正了解最新情况，因为图像元素的宽度设置为width:100% ..是的，您可以将图像的宽度设置为精确的宽度，但这不是我想要的。 。设计不能是静态的和锁定的
答案 0 :(得分：2)
将此样式属性添加到表标记样式=“table-layout：fixed;”
.......
<div id="header_module">
<table class="list_header" data-table="enclosure" >
colgroup> … </colgroup>
......
中间线会变成这样
<table class="list_header" data-table="enclosure" style="table-layout: fixed;">
答案 1 :(得分：0)
在这种情况下，同意div#e9965和img#e9966 width 100%。
我不确定你想用图像做什么，即。它应该如何定位在父级中，但这至少修复了溢出部分并修复了左上角的“Dato”和“Bilagsnr”外观。