css: logo: img: float right: странно: все еще плавает влево и показывает bgcolor другого div

Question

Это просто статичная страница, ничего лишнего. я просто хочу, чтобы эта страница хорошо смотрелась на мобильном телефоне, планшете или мониторе компьютера.

http://www.cupcakeshop.com/

логотип имеет ширину 400 пикселей, я хочу, чтобы он плавал справа от div, но он остался слева. и добавим к этому, он принимает цвет фона div под ним. Пожалуйста, помогите, если вы видите, что мне не хватает. Я новичок ААА в этом!

<div class="logo">
<a href="http://www.cupcakeshop.com">
<img src="http://www.cupcakeshop.com/images/banner.png">
</a>
</div>

а также

div.logo { width:100%; max-width: 760px; height: 110px; float: right; }

то, что я надеялся сделать, это сделать его слегка отзывчивым, так как это будет 400px на меньшем экране и максимальная ширина 760px на ПК, где логотип встанет до правого поля с белым фоном слева от логотипа образ. это выполнимо, без особой сложности?

спасибо за ваше время, одра май

Answer 1

.logo a img
{
  float:right
}

это то, что вам нужно:

Проверьте JS Bin здесь: http://jsbin.com/usacew/1