0

右にフローティングすると要素が右端に押し出されると思いましたが、そうではありません。ここに私のHTMLがあります：

<footer>
    <p class="float-left">&copy;<%: DateTime.Now.Year %></p>
    <img class="breathingRoom" src="Images/axXAndSpaceLogo.jpg" alt="Across Time and Space logo" width="128" height="80" />
    <a class="breathingRoom" href="http://www.awardwinnersonly.com/humans.txt" target="_blank">
      <img src="Images/humanstxt-isolated-orange.gif" alt="Humans dot text logo" width="105" height="46" /></a>
    <img class="float-right" src="Images/Logo-BannerSmall_1_.gif" />
</footer>

...そして、関連する CSS は次のとおりです。

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.breathingRoom {
    margin-left: 4px;
    margin-top: 4px;
}

...しかし、最終的な画像は、画面の東側にくっつくのではなく、humans.txt 画像に突き当たります。ステージを右に曲がるにはどうすればよいですか?

html5 css フッター

4

2 に答える 2

1

私はあなたのコードで短いサンプルを作りました:

JSFiddle サンプル

右の写真が右です。

では、何が問題なのですか?

doctype の問題だと思います。doctype がない場合、「フッター」マークアップはブラウザーによって十分に理解されません。html の最初の行に Doctype 定義を追加します。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

またはあなたのcssに追加することができます：

footer{
   display:block;
   width:100%;
}
于 2013-10-26T02:23:07.973 に答える