float プロパティを使用する場合はその要素の幅の明示が必要 - double-team.org
なんかタイトルに「の」が連続してるけどいいや。 「水平方向のナビゲーションの作り方」のはてなブックマーク見て、誰も float プロパティの使い方に疑問を抱いてないのを見て不安になった。 CSS 2 の仕様書内で float プロパティ（浮動体）は以下のように書かれています。 浮動ボックスは，明示的な幅をもたなければならない。明示的な幅は，置換要素の場合は，'width'特性, 又はその組込み幅によって割り当てられる。 ここである「width 特性」と「組込み幅」とはそれぞれ以下の意味となる。 width 特性とは スタイルシートとの width プロパティを使用すること。 ちなみに「特性」は単に「プロパティ（Property）」を和訳した単語。 組込み幅とは 仕様書内では実寸法と表記されている。 実寸法 (Intrinsic dimensions) 環境によって決まるのではなく，要素自
operaでのfloatの挙動
operaでのfloatの挙動 TPLHさんでOperaでfloat要素の後続が回り込まないとのエントリーを見て、気になったことをボクもエントリーしておこう。 TPLHさんのエントリーでは以下の記述で、OperaだとBOX3が回り込まないというもの。 <div class="sample-code"> <div style="width:240px; list-style:none; margin:0; padding:0;"> <p style="border:1px #333 solid; margin:0 0 10px; padding:10px; background:#ccccff; ">BOX1</p> <p style="width:93px; height:130px; border:1px #333 solid; margin:0 10px 0 0; padding:10
CSS - Clearing floats
A common problem with float-based layouts is that the floats' container doesn't want to stretch up to accomodate the floats. If you want to add, say, a border around all floats (ie. a border around the container) you'll have to command the browsers somehow to stretch up the container all the way. The problem Let's try it. This is the CSS we'll use throughout the page: div.container { border: 1px s
Clear Float: Learn How To Use CSS Clear Property Easily - Position Is Everything
The CSS clear float determines how floating elements behave. Both float and clear are properties that go hand in hand. When you float an element, you let adjacent elements try and flow around it, which can result in weird layouts. Read on to learn how to avoid weird designs through the clear property. What Does the Float Property Do? Besides wrapping text around elements, you can use floats to cre
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://elastic965.80code.com/blog/2006/12/float
http://orderedlist.com/articles/clearing-floats-fne/
Loading...
Position Is Everything - Coding and Computing Tips & Tutorials. Learn & Build: CSS,JavaScript,HTML,PHP,C++ and MYSQL.
