В CSS, как мне достичь следующего макета?Основной вопрос CSS
xxxxxxxxxxxxxR1xxxxxxxxxxxxx
xxxxxxxxxxxxxR1xxxxxxxxxxxxx
xxxxxxxxxxxxxR1xxxxxxxxxxxxx
xR2.1x xxxxxxxxxR2.1xxxxxx
xR2.1x xxxxxxxxxR2.2xxxxxx
xR2.1x xxxxxxxxxR2.2xxxxxx
xxxxxxxxxxxxxR3xxxxxxxxxxxxx
xxxxxxxxxxxxxR3xxxxxxxxxxxxx
xxxxxxxxxxxxxR3xxxxxxxxxxxxx
R2.1 это изображение, которое я хочу пойти налево, и R2.2 является ДИВ, что я хочу пойти направо.
Если R2.2 был абзацем, это было бы легко - я мог бы просто использовать float:left
на R2.1 - но факт, что это div, кажется, испортит ситуацию.
Я пробовал использовать <img style="float:left;">
и <div style="float:right">
, вместе и отдельно, но они, кажется, не сочетаются хорошо.
Что я делаю неправильно?
Это HTML , если это помогает отладки: http://larochedenchaille.com/guest-reviews – AP257