Html 发行股票

我在IE9中遇到了一个span的问题。我试图浮动的共享：就在一个div的旁边，这个div是浮动的：所有这些都在一个span中

JSFIDLE记住在IE中查看：

这就是IE9中的情况：

这就是它在其他浏览器中的外观：

html

注:

---

我原来有span.share position:absolute，但我不得不更改它，因为它会导致页面上其他元素出现问题。

从外观上看，您需要在某个点指定宽度。由于它们都设置为自动，因此占用了尽可能多的空间。我会尝试为.detailsWrapper设置一些特定的宽度以及100%的宽度

这应该确保宽度永远不会超过父级，但这也意味着您需要确保零件宽度有边界

---

如果宽度是动态的，请尝试使用jQuery将其设置为一个，然后加载图像并使用图像宽度设置.contentItem宽度，这样应该确保所有内容都保持相同的宽度

从外观上看，您需要在某个点指定宽度。由于它们都设置为自动，因此占用了尽可能多的空间。我会尝试为.detailsWrapper设置一些特定的宽度以及100%的宽度

这应该确保宽度永远不会超过父级，但这也意味着您需要确保零件宽度有边界

---

如果宽度是动态的，请尝试使用jQuery将其设置为一个，然后加载图像并使用图像宽度设置.contentItem宽度，这样应该确保所有内容都保持相同的宽度

如果容器宽度未知，您可以对共享按钮使用绝对位置而不是浮动。只需将其放置在流中图像的正后方，并仅设置正确的坐标，不要设置顶部。它将是：

.container {position:relative;border:2px solid blue;...}
.button-share {position:absolute;right:0;...}

---

要根据容器内容调整容器大小，请使用display:inline block | table、float或position:absolute。

如果容器宽度未知，您可以使用position absolute而不是float for Share按钮。只需将其放置在流中图像的正后方，并仅设置正确的坐标，不要设置顶部。它将是：

.container {position:relative;border:2px solid blue;...}
.button-share {position:absolute;right:0;...}

---

要根据容器的内容调整容器的大小，请使用display:inline block | table、float或position:absolute。

我必须问，为什么要在span.contentItems中设置display:block，然后设置display:inline block！重要的在同一个项目的CSS中…？@Kolink在这个页面上有很多jquery，它是jquery设置display:block在该元素上。我已经验证了这不是ie中的问题。如果您指的是.name date，请在标记上用span.share替换它的位置。@bfavaretto.name date应该是float:left，.share应该是float:right@bfavaretto切换html中的元素没有什么区别我不得不问，为什么要在span.contentItems中设置display:block，但是你有显示：内联块！重要的在同一个项目的CSS中…？@Kolink在这个页面上有很多jquery，它是jquery设置display:block在该元素上。我已经验证了这不是ie中的问题。如果您指的是.name date，请在标记上用span.share替换它的位置。@bfavaretto.name date应该是float:left，.share应该是float:right@bfavaretto切换html中的元素没有什么区别我在问题的底部指出了这一点-我已经尝试过了，虽然有效，但我不能使用此解决方案，因为它导致页面上的其他元素出现问题。我在问题的底部指出了这一点-我已经尝试过此方法，虽然有效，但我不能使用此解决方案，因为它导致页面上的其他元素出现问题。是的，就是这样。我不想设置一个宽度，但它看起来像另一个IE失败。我设置了.contentItem{width:450px；}和.detailsWrapper{width:100%；}就是这样。我不想设置一个宽度，但它看起来像另一个IE失败。我设置了.contentItem{width:450px；}和.detailsWrapper{width:100%；}

.container {position:relative;border:2px solid blue;...}
.button-share {position:absolute;right:0;...}