みなさん、こんにちわ! ジャングルオーシャンのラファエロです!! つい最近、Webデザイン初心者の友人からこんなことを言われました。 「CSSでレイアウトしたいんだけど、ネットで調べてみるとfloatとかFlexboxとか出てきて意味わかんない(T ^ T)」 確かにCSSでのレイアウト方法を検索してみるとfloatを使った方法とFlexboxを使った方法が混在していて、Webデザイン初心者には分かりづらいですよね(^^;) ラファエロは断然Flexboxを使った方法をおすすめしていますが、実際のところfloatとFlexboxのどっちが簡単なのかサンプルコードを用意したので比較みましょう! <nav> <ul> <li><a href="#">Top</a></li> <li><a href="about/">About</a></li> <li><a href="service/">S
![【コピペOK】floatとFlexboxのCSSレイアウト比較例3選](https://cdn-ak-scissors.b.st-hatena.com/image/square/3b9e207c67d388a10fb5fd1068a587c46c1e9510/height=288;version=1;width=512/https%3A%2F%2Fwww.jungleocean.com%2Fwp%2Fwp-content%2Fuploads%2F2019%2F04%2Fwebdesign-3411373_1920-1.jpg)