【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?--?*/

Leave a comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

Webサイトのこと、WordPressのこと、何でもお問い合わせ下さい