クリエイター：コーディング備忘録ブログ

コーディング

画像の下に回り込みをしない

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

.test {
width: 400px;
border: 2px solid #CCC;
padding: 5px 10px;
margin-bottom: 30px;
_zoom: 1;
overflow: hidden;
}
.test_img{
float: left; margin: 0 10px 5px 0;
}
.test p {
overflow: hidden; _zoom: 1;
}

画像の横幅や高さが変わってもhtmlがそのままで対応出来るので、便利な技です。

この記事を見た人は次の記事も見ています。

コメント

この記事へのコメントはありません。

RELATED

PAGE TOP