獲取img內容的正確方法？

Question

如果頁面結構如上所述。使用HTML和CSS來獲得。你將使用哪種方式？

有人告訴我：如果你使用浮動內容（img，content），你必須固定寬度，結構將失去靈活性，同時你必須解決float引起的問題。但我不知道拿到的最好的方法，

Answer 1

我會用margin-left:上的文字，以保持它從圖片上移開。

Answer 2

我想簡單地float : left圖像和我想給一個margin-right到img元件，這樣，如果該圖像是不可用（或可選的）文本可以開始鄰近其容器的左邊距

然後我將適用easyclearing techinique到img父

Answer 3

我個人比較喜歡使用inline-block的是我不是浮動元素的大風扇：

jsfiddle

Answer 4

看看the media object。這是由Nicole Sullivan給我們帶來了OOCSS的概念，對於這種情況來說是完美的。

這建議使用圖像上的float: left和文本上的overflow: hidden來獲得溢出與浮動內容交互的好處。