1

我已经用这个简单的 (!) html 代码玩了几个小时了.. 但不能 %#!¤ 让它按我的意愿工作..

网址

http://www.bluemachines.dk/html_test/

问题

如果您查看链接，您会看到一个宽度为 1000 像素的灰色 div。这就是页面的宽度。

在 div 中有一个带有 3 列标题的表格：Dato、Bilagsnr、Bilag

在最后一列“Bilag”中有多个元素，包括导致问题的图像。元素的宽度设置为 100% 但不知何故它“溢出”了父宽度

只要显示图像，前两列“Dato”和“Bilagsnr”就会被混合在一起。

如果您右键单击图像元素<div id="e9900" ...并检查元素并将display:none所有内容设置到位..e9900还有overflow:hidden，并且图像本身可以在父元素中拖动，则显示适合的大图像.. 这应该是它的样子，但是作为图像元素一显示，宽度就搞砸了

无法真正了解发生了什么，因为图像元素的宽度设置为width:100%..是的，您可以将图像的宽度设置为确切的宽度，但这不是我想要的..设计不能是静态的并且锁定

4

2 回答 2

2

将此样式属性添加到表格标签 style="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;">

来源：http ://www.w3schools.com/CSSref/pr_tab_table-layout.asp

于 2013-06-09T22:31:43.110 回答
0

在这种情况下，给出两者div#e9965和img#e9966a width。100%

我不确定你想对图像做什么，即。它应该如何定位在父级中，但这至少修复了溢出部分并修复了左上角的“Dato”和“Bilagsnr”外观。

于 2013-06-09T22:21:11.943 回答