css最大宽度在ul li div img中不起作用答案

【问题标题】：css max width not working in ul li div imgcss最大宽度在ul li div img中不起作用
【发布时间】：2011-05-21 21:24:06
【问题描述】：

我有一个在缩略图周围有一个框架的画廊，我使用了 max-width 来缩小缩略图图像，因此它们都很好地排列，但是在 IE 中虽然图像缩小到最大宽度，但框架仍然像图像更大。我尝试向 li 添加最大宽度，但无济于事。这是一个页面链接，该页面在 IE 的商店中使用 Chrome 和 FF bt 看起来不错且统一！ http://wedding-photography-gloucestershire.co.uk/wedding-photography-gallery.php?gallery=Getting%20Ready

Wedding Photography Gallery

在此先感谢您的帮助。

这是框架样式..

.highslide-画廊 ul li { 显示：块；位置：相对；向左飘浮; 宽度：106px；高度：106px；边框：1px 纯银；边距：2px；行高：0；溢出：隐藏；背景颜色：#000；最大宽度：106px； }

我尝试添加我在另一个网站上找到的这个作为 IE 最大宽度问题的解决方案，但我不太明白；

width:expression(document.body.clientWidth > 106? "106px": "auto" ); 但它仍然没有工作。

谢谢。

【问题讨论】：

标签： html html-lists css

【解决方案1】：

IE 对待填充/边距的方式与其他浏览器不同。我查看了您的样式表（高端），您需要有一个专门用于 ie 的样式表，然后您可以专门针对 IE，而不必担心您所做的更改如何影响其他浏览器。我个人不会这样做，但我曾经在尝试 Web 开发时这样做。

找出问题所在和问题所在的最简单方法是使用 firebug。 Safari 和 IE 也有类似的调试环境。在http://net.tutsplus.com 上有一些关于使用 firebug 的非常好的教程

祝你好运。

【讨论】：