0

現在、フッターの ap の横にリンクを配置しようとしています。何らかの理由で、ナビゲーション内のすべてのリンクが簡単に整列しましたが、フッターの p の横にリンクを配置しようとすると. リンクは一番下に行きます。フッターをインラインにしてみたり、さまざまな位置方法を試したり、フロートを試したりしました。ただし、フッターをインラインブロックにすることで、下の醜い白いストライプを取り除くことで状況がわずかに改善されました. しかし、リンクを正しく配置する必要があります。これが私のフッターのhtmlコードです

<div id="footer">

          <p><b>Copyright 2011 Hometown Bank, Inc.</b></p>
          <a href="google.com">Privacy Policy</a>
</div>

フッターのCSSはこちら。

#footer
        {
            spadding-top: 1px;
            height: 7%;
            background-color:#CCDDEE;
            width: 100%;
            display:inline-block;
            position:

        }

さらに多くのコードや情報が必要な場合は、お知らせください。

4

3 に答える 3

1

こんにちは、このように簡単に行うことができます

html

    <div id="footer">

          <p><b>Copyright 2011 Hometown Bank, Inc.</b> <a href="google.com">Privacy Policy</a></p>

</div>

デモライブ

于 2012-09-11T04:46:55.383 に答える
0

このようにコーディングすると、かなり簡単に実行できます

于 2012-09-11T00:35:37.217 に答える
0

<p>パディング/マージンがあり、デフォルトでdisplay:blockです。したがって、リンクは新しい行に表示されます。<p>を代わりに aに変更し、<span>必要に応じてスタイルを更新します。

<div id="footer">
      <span style="font-weight:bold">Copyright 2011 Hometown Bank, Inc.</span>
      <a href="http://example.com/">Privacy Policy</a>
</div>
于 2012-09-11T00:29:28.713 に答える