правильный способ получить право на контент img?

Question

Если структура страницы подобна приведенной выше. используя HTML и CSS, чтобы получить это. каким образом вы будете использовать?

Кто-то сказал мне: если вы используете float для обоих материалов (img, content), вы должны зафиксировать ширину, структура потеряет гибкость, в то же время вы должны решить проблемы, вызванные float. но я не знаю, как это сделать,

Answer 1

Я бы использовал текст margin-left: по тексту, чтобы держать его подальше от изображения.

Answer 2

я бы просто float : left изображения, и я дал бы margin-right к img элементу таким образом, что, если изображение не доступно (или по желанию) текст может начать рядом с левым краем контейнера

тогда я будет применяться easyclearing techinique к img родителя

Answer 3

Я лично предпочитаю использовать встроенный блок, как я не большой поклонник плавающих элементов:

jsfiddle

Answer 4

Посмотрите на the media object. Это Николь Салливан, которая принесла нам понятие OOCSS и идеально подходит для этого сценария.

Это намеревается использовать float: left на картинке и overflow: hidden на текст, чтобы получить преимущества взаимодействия переполнения с плавающим контентом.