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 に答える