css: logo: img: 向右浮动:很奇怪:仍然向左浮动并显示另一个 div 的 bgcolor

Question

这只是一个静态页面，没有多余的装饰。我只是想让这个页面在手机、平板电脑或电脑显示器上看起来很好。

http://www.cupcakeshop.com

Logo 是 400 像素宽，我希望它 float 到 div 的右侧，但它一直保持在左侧。除此之外，它采用了它下面的 div 的背景颜色。如果你看到我遗漏了什么，请帮忙。我是 AAA 新手!

<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，在 PC 上最大宽度为 760px，其中 Logo 将对接到右边距，左边为白色背景标志图像。这是可行的，没有太多的复杂性吗？

谢谢你的时间，奥德拉梅

Answer 1

.logo a img
{
  float:right
}

是你需要的:

在此处检查 JS Bin:http://jsbin.com/usacew/1