スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

とっても使えるoverflowプロパティ。その使い方色々。

色々なテクニックをoverflow: hidden;を使って実現してます。

参考サイト

「2.リストの最初だけborderを消す」
は、すごい便利!
これは、こないだ同じようなのをやったけど・・・
無理やりクラスの指定を変えてました。
今後は、これですね~。

こんな感じ↓

#main .overflowExample02 ul {
_zoom: 1;
overflow: hidden;
margin: 0 0 20px;
padding: 0;
}

#main .overflowExample02 ul li {
margin: 0;
margin-top: -1px;
padding: 5px;
list-style: none;
border-top: 1px dotted #666;
}



他にも

  • clearfixみたいに使う

  • IE6のカラム落ちを強制的に防ぐ

  • img要素の横幅に左右されずに横並び

  • 見出しとかマーカーが食いこまないようにする


などについて、書いてありました。
スポンサーサイト

トラックバック

コメント

コメントを残す

Secret


プロフィール

U2K

Author:U2K
いろいろプログラムに関しての覚え書きをちょくちょくと書いていきます。

オススメ










オススメ

忍者AdMax

u2k on Twitter

最近の記事


上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。