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

mingyuan0715 · 发布于 2013年05月15日 · 2052 次阅读
2329

案例如下

<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%就哦了。

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