1

这只是一个静态页面,没有什么花边。我只是想让这个页面在手机、平板电脑或电脑显示器上看起来很好。

http://www.cupcakeshop.com

徽标是 400px 宽,我希望它浮动到 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; }

我希望做的是让它稍微响应,因为它在较小的屏幕上为 400 像素,在 PC 上最大宽度为 760 像素,其中徽标将与徽标左侧的白色背景对接的右边距图片。这是可行的,没有太多的复杂性?

谢谢你的时间,奥德拉可能

4

1 回答 1

0
.logo a img
{
  float:right
}

是你需要的:

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

于 2013-07-09T03:31:15.940 回答