我有这样的 HTML 代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title></title>
</head>
<body>
<table style="width:100%;">
<tr>
<td>
<table style="width:100%; max-width:1000px; background:#000099;">
<tr>
<td>
001
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
问题是 Chrome 和 Safari 忽略了"max-width:1000px"我的朋友发现我们可以通过添加来防止它"display:block"对于内表，它以某种方式工作。
所以，我想知道的是 - 有没有其他方法可以解决这个问题以及为什么会发生这种情况？
最大宽度适用于块元素 http://reference.sitepoint.com/css/max-width. <table>两者都不是block nor inline http://en.wikipedia.org/wiki/HTML_element#Tables。够暧昧吗？哈哈。您可以使用display:block; max-width:1000px并忘记width:100%。 Chrome 和 Safari 遵守规则！
2017 年 5 月编辑：请注意，此评论是 7 年前（2010 年！）发表的。我怀疑这些年来浏览器已经发生了很大的变化（我不知道，我不再做网页设计）。我建议使用更新的解决方案。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
