將圖像包裝到div的左上角

Question

我有一個頁面內容混合了P，UL IMG等，我試圖通過CSS調整圖像大小並將圖像從左上角對齊，但是當我這樣做時有時內容是重疊的圖像，有時UL的子彈沒有電網。請建議此

這裏的CSS是您正在使用Chrome瀏覽器上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

工作演示？你能讓我們知道你使用哪個瀏覽器。因爲我沒有看到任何重疊在我身邊

Answer 2

我在使用chrome時看不到很多重疊。我確實看到你有一個width: 1140px;這是沒有響應。嘗試使用百分比來代替。查看更新的jsfiddle。此外，我沒有任何重疊的項目。希望能幫助到你！