为什么Firefox和Opera会忽略display：table-cell内部的最大宽度？
以下代码在Chrome或IE中正确显示（图像为200px宽）。在Firefox和Opera中，max-width样式被完全忽略。为什么会发生这种情况，并且周围有很好的解决方法？另外，最符合标准的方法是什么？ 注意 针对这种特殊情况的一种可能的解决方法是将设置max-width为200px。但是，这是一个非常人为的示例。我正在寻找可变宽度容器的策略。 <!doctype html> <html> <head> <style> div { display: table-cell; padding: 15px; width: 200px; } div img { max-width: 100%; } </style> </head> <body> <div> <img src="http://farm4.static.flickr.com/3352/4644534211_b9c887b979.jpg" /> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec facilisis ante, facilisis posuere ligula feugiat ut. Fusce hendrerit vehicula …