html - 用内容将图像包装到 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 浏览器吗？你能告诉我们你使用的是哪个浏览器吗？因为我没有看到我这边有任何重叠