分享 Bootstrap 中为 img 元素设置 max-width 所引起的浮动问题解决

mingyuan0715 · 2013年05月15日 · 3295 次阅读

案例如下

<div style="float:right">
  <img></img>
  <a>其他行内元素</a> 
</div>

bootstrap 默认设置 img 的max-width:100%; 这个时候的 IE8 及以下浏览器对于行内元素的宽度计算比较复杂,会发生折行的问题。 具体可见这篇文章:http://jiataodong.blog.163.com/blog/static/3490549220110246154744/

我的解决办法,拓展 bootstrap 的 css

.pull-right img {
  max-width: 940px;
}

我网站的最大宽度也就是 940px,只要不是默认的 100% 就哦了。

暂无回复。
需要 登录 后方可回复, 如果你还没有账号请 注册新账号