css - 絶対位置としてマークされたdiv上にテキストを作成する

Question

私は現在、ページの下部に配置されたままのWebサイトフッターを作成しようとしていますが、このdivの上にコンテンツを作成する際にいくつか問題があります。

.footer{
width:100%;
height:80px;
background:#333333;
margin-top:20px;
position:absolute;
bottom:0;
}

上記は私が使用している現在のCSSスタイリングオプションですが、著作権メモなど、この上に表示されるdivを作成しようとするとまだ問題があります。

すべての助けに感謝します:)！

score 2 · Accepted Answer

そのように子divを作成します

<div class="footer">

    <div>Copyright Info</div>

</div>

position: relative;そして、継承を防ぐために子にcssを与えますposition: absolute;

score 0 · Accepted Answer

どのようなコンテンツが必要かわかりませんが、jsFiddle の例をいくつか示します。

基本的に、フッターの上に配置したい場合は<div>、フッター div 内に配置します。

<div class ="footer">
 <div class="ele">
  <span class="over">Hello World.</span>
 </div>
</div>

そして、それを整列させるための寸法と余白を与えてスタイルを整えます。

.ele {
    margin:auto;
    width:100px;
    height:100px;
    background-color:red;
}

2 に答える 2