No Image

【CSS】段組の時に背景よりも左右の段組部分が長くなる

CSSで”float”を使った段組を行った時、背景よりも左右の段組部分が長くなってしまいます。

その場合、背景部分を下記のように記述すると解決できる場合が多いです。

/*?--?CSS?Hacking?--?*/
div#topcontents?{
????width:?700px;
????padding:?10px?25px?10px?25px;
????background-color:?#770000;
????overflow:?hidden;
}
div#topcontents:after?{
????content:?"";
????display:?block;
????clear:?both;
????height:?1px;
????overflow:?hidden;
}
/**/
*?html?div#topcontents?{
????height:?1em;
????overflow:?visible;
}
/**/
/*?--?CSS?Hacking?End?--?*/

Share this post

Share on facebook
Share on google
Share on twitter
Share on linkedin
Share on pinterest