要素内のフローティング コンテンツを取得するとtable-cell
、次の「テーブル セル」のコンテンツの配置に影響します。フローティングエフェクトを削除しても。
こちらをご覧ください。
ここで、最後のセルの内容をフローティングにすると、すべてのセルの内容が下にシフトされます。
修正ではなく、その理由を教えてください。
2つのこと:
float: div と clear の間に float を入れずに左にします。または、何が必要かわかりません。
すべてのセルには css vertical-align:top があり、このプロパティの数値は middle です
のようになったtable-cell
ので、次を追加します。
<div class="cell aligntop">
</div>
<style type="text/css">
.aligntop {
vertical-align: top;
}
</style>
中央の要素に移動し、コンテンツを強制的に上部に配置する -デモ: http://cssdesk.com/2sY46
aのデフォルトの動作/垂直方向の
table-cell
配置は次のとおりです。baseline
したがって、コンテンツは自然に下に押し出されます。.left
特定の方法でコンテンツをプッシュするように要求しているクラスを適用するfloat: left;
と、フロート後にテーブルセルの左上にキックインして隣接しますが、詳細については、vertical-align MDN リファレンスも参照してください。