リストタグをfloat:leftする時の注意
CSSコーディングでは、リストタグをfloat:leftで横に並べてメニューなどを作ることが多いです。
//html
<ul>
<li>home</li>
<lli>page1</li>
<li>page2</li>
</ul>
//css
li {
float: left;
}
これでFireFoxやWinIEなど主要ブラウザではリストが横に並ぶのですが、正確にはこの記述は間違いで、
li {
float:left;
width:**px;
}
まぁよく考えたら、liはblock要素だから、幅を指定しなければ横100%になって、フロートした次の要素が回り込む隙がないですから、どちらかというと先の書き方でうまくいってしまうFirefoxなどの解釈が間違っているということでしょうか。
このエントリーのトラックバックURL
http://www.trapple.net/blog/mt/mt-tb.cgi/18
コメント
Blah-blah-blah. I don’t care about you opinion, your words mean nothing to me. I’m big, bad and always just.
投稿者: sillyman00 | 2008年04月09日 19:45