将图像包含在带有内容的div的左上角

Question

我有一个内容混合了P，UL IMG等的页面，我试图通过CSS调整图像大小并从左上角位置对齐图像但是当我这样做时有时内容是重叠图像，有时候UL的子弹不在网格中。请为此建议CSS

以下是JSfiddle

上的工作演示

.scrollable_content {
    width: 1140px;
    float: left;
    padding: 10px;
    border: 1px solid #ccc;
}
.scrollable_content > img {
    float: left;
    display: inline-block;
    margin: 0 20px 0 0;
}
.scrollable_content > ul {
    margin: 0 0 0 20px;
}

由于

Answer 1

您使用的是Chrome浏览器吗？你能告诉我们你使用的浏览器吗？因为我看不到任何重叠在我身边

Answer 2

使用chrome时，我没有看到太多重叠。我确实看到你有width: 1140px;没有回复。尝试使用百分比代替。查看更新的jsfiddle。此外，我没有任何重叠的项目。希望它有所帮助！