負のマージン値の役割:
多くの CSS コードで、マージンに負の値が使用されていることがわかります。その役割を紹介します。
コード例は次のとおりです。
<!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>蚂蚁部落</title><style type="text/css">*{ margin:0px; padding:0px;}#box{ width:300px; height:300px; background-color:red; margin:0px auto;}#top{ width:50px; height:50px; background:blue;}#bottom{ width:50px; height:50px; background:green; margin-top:10px; margin-left:-20px;}</style></head><body><div id="box"> <div id="top"></div> <div id="bottom"></div></div></body></html>
上記のコードは、正の値の逆である負のマージン値の効果を示しています。
負の値のアプリケーションの例については、「CSS で数値ページネーション効果を実装する方法」の章を参照してください。
元のアドレスは次のとおりです: http://www.softwhy.com/forum.php?mod=viewthread&tid=12699
詳細については、以下を参照してください: http://www.softwhy.com/divcss/