translatecenter_html/css_WEB-ITnose

superHu html,body,div {margin: 0;padding: 0}/*、コンテンツ要素の外側に div を挿入します そして設定しますこの div の高さ:50%; マージン-ボトム: -(コンテンツの高さ + パディング)/2;。

たとえば、コンテンツの高さが 100px で、パディングの合計が 20px の場合、margin-bottom: -60px とすると、コンテンツが圧迫されてしまいます。デメリットは意味のないタグが追加されることですが、シンプルで IE6 であることがメリットです。も互換性があります */ .box { margin: 20px auto; width: 200px; height: 600px; background: black; } .floater { height:50%; margin-bottom: -50px; } .content {

margin: 0 auto; padding: 10px; width: 100px; height: 100px; border: 2px Solid #adf; background: #abc; }