Floatより簡単な”Flex Boxの横並び”

  • html
  • 閲覧59
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>flex-wrap: wrap;の折り返し</title>
  <style>
    html,body,ul,li,a{
    padding:0;
    margin:0;
    }
    nav{
      width: 100%;
      background: #ccc;
    }
    ul{
 ...

///*** 無料ユーザー登録後、正常なすべてのコードが表示されます ***///

					

html Floatより簡単な”Flex Boxの横並び”

コードの説明
Floatと同様に使える
グローバルナビ、カラム落ち等で使える
「flex-wrap: wrap;」がポイント
親要素に clearfix はいらない
clear:both もいらない
*コピペで使えます。