コンテンツを含む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

私はクロムを使っている間はあまり重なり合っていません。応答していないwidth: 1140px;があることがわかります。その代わりにパーセンテージを試してみてください。更新されたjsfiddleを参照してください。さらに、重複する項目はありません。それが役に立てば幸い！