css - 親の高さに絶対位置の子が含まれていません

Question

<div>サイトの下部に「著作権」を表示したい。コンテナー内に 2 つ<div>の s ( id="div0"and )を入れようとすると、機能しません。id="copyright"<div>

a は当然<div>ブロック要素だdiv0と思っていたので、今は混乱しています。copyrightcopyrightdiv0

何を間違えたのかわからない。私はHTMLとCSSのみを使用しています。

これが私のデモです。

Answer 1

大きなdivへ。次のような Css を与えます

position: relative;
height: 700px;

& コピーライト div へ

#copyright {
position: absolute;
margin: 0 auto;
width: 1000px;
border: 2px solid white;
padding-top: 15px;
padding-bottom: 15px;
color: white;
background-color: #5C5C3D;
left: 50%;
margin-left: -500px;
font-size: 0.8em;
bottom: 0;
}

これを試して。お役に立てば幸いです。