HTML5とCSS3で作るFlexible Boxのテスト

※IEは非対応。CSS3では、display: boxが用意されているので、フレキシブルなboxを容易に作ることができます。下の例では、box-orient: horizontalで横位置のboxにしています。また、色分けした3つの各div子要素にオンマウスすると、横サイズが200pxに広がります。マウスアウトすると、元に戻ります。

1番目
2番目
3番目