Wordpress Img扩展到父Div之外

我正在使用Bootstrap3为我的博客开发一个自定义主题，我已经完成了大部分工作，但是在我的帖子中，我遇到了一个问题，我的图片超出了右边边栏的主要内容区域

我正在使用

用于主要内容，而

用于侧边栏。 在我的样式表中，我添加了

.span8 img {
    max-width: 100% !important;
    height: auto;
}

但这似乎不起作用！ 我也看过getbootstrap.com网站的图片部分，但是那里也没有

让我知道，如果你想查看该网站，我将非常乐意提供一个链接！非常感谢

更改为：-

.span8 img {
    max-width: 100% !important;
    height: auto;
    width: auto;
}

---

这是一个浏览器问题，在某些情况下它可以工作，但其他情况下需要宽度：auto

引导提供了一个

img responsive

类，您可以将其应用于图像

<img src="#" class="img-responsive" />

这适用于

最大宽度：100%和<代码>高度：自动以使其与父元素很好地缩放

Ref:
尝试将问题缩小到代码中的特定区域，并将其粘贴到问题中，此外，尝试使用代码粘贴服务，例如，这样您可以复制问题并将其粘贴到问题中。此外，还可以使用bootstarp类，如ex:
行
，
col-sm-X
，等等（X在1-12范围内；但它取决于您的目标屏幕）对于站点的主要内容；也要努力学习。但一般来说，首先尝试构建一个关于您的问题的好例子，如@webeno提到的，然后发布它；这是一个好的开始。@Egel
spanX
是Bootstrap 2的命名约定，所以我假设OP使用的是，
col-sm-X
是Bootstrap 3…至于粘贴代码，是有问题的在这种情况下，ably真的是最好的，因为你不必处理与引导相关的css和js…是的@webeno，你完全正确（我甚至不知道这个网站的存在；谢谢）但主要的问题是在工作示例中显示问题。@webeno除了他说他在问题中使用了Bootstrap 3之外。这可能是问题所在。Phillip，你是在尝试将Bootstrap 2代码与Bootstrap 3一起使用吗？这太棒了，谢谢你在Chrome中使用它，但在FF中仍然是一样的！可能必须刷新我的DNS只需右键点击刷新缓存就可以了。是的，我注意到了bootstrap网站上的Henry！但是我得到了数千张图片！Barry在你上面提供的答案很好！这就是img responsive的问题。

。此外，它还添加了额外的标记，如果你使用Barry的解决方案可以避免。是的，很奇怪我曾经使用过barrys解决方案，它在chrome中运行良好，但在FF和IE中，甚至在刷新dns和更改ip地址之后，它仍在执行相同的操作！是

style.css

在

bootstrap.min.css

之前还是之后加载？不确定这在这种情况下是否重要，但请尝试确保

style.css

最后加载。是的！是的y样式css在根目录中，而不是在引导文件夹中！