{"id":25677,"date":"2026-09-16T11:08:39","date_gmt":"2026-09-16T02:08:39","guid":{"rendered":"https:\/\/www.qam-web.com\/?p=25677"},"modified":"2026-09-16T11:08:39","modified_gmt":"2026-09-16T02:08:39","slug":"css%e3%81%aeflex1%e3%82%92%e8%a7%a3%e8%aa%ac%ef%bc%81%e4%bd%bf%e3%81%84%e6%96%b9%e3%82%84%e4%bb%95%e7%b5%84%e3%81%bf%e3%80%81width50%e3%81%a8%e3%81%ae%e9%81%95%e3%81%84","status":"publish","type":"post","link":"https:\/\/www.qam-web.com\/?p=25677","title":{"rendered":"CSS\u306eflex:1;\u3092\u89e3\u8aac\uff01\u4f7f\u3044\u65b9\u3084\u4ed5\u7d44\u307f\u3001width:50%;\u3068\u306e\u9055\u3044"},"content":{"rendered":"<p>Flexbox\u3092\u4f7f\u3063\u3066\u8981\u7d20\u3092\u6a2a\u4e26\u3073\u306b\u3059\u308b\u3068\u304d\u3001\u5b50\u8981\u7d20\u306e\u5e45\u3092\u6bd4\u7387\u306b\u5fdc\u3058\u3066\u5206\u914d\u3059\u308b\u65b9\u6cd5\u306e\u4e00\u3064\u304c\u300cflex\u30d7\u30ed\u30d1\u30c6\u30a3\uff08flex:1;\uff09\u300d\u3067\u3059\u3002<br \/>\u666e\u6bb5\u611f\u899a\u7684\u306b\u4f7f\u3063\u3066\u3044\u308b\u3051\u308c\u3069\u3001\u6539\u3081\u3066\u5177\u4f53\u7684\u306a\u610f\u5473\u3084\u4ed5\u7d44\u307f\u3092\u805e\u304b\u308c\u308b\u3068\u3088\u304f\u5206\u304b\u3089\u306a\u3044\u3001\u3068\u3044\u3046\u65b9\u3082\u3044\u308b\u306e\u3067\u306f\u306a\u3044\u3067\u3057\u3087\u3046\u304b\uff1f<\/p>\n<p>\u4eca\u56de\u306f\u3001flex\u30d7\u30ed\u30d1\u30c6\u30a3\u306e\u4f7f\u3044\u65b9\u3084\u4ed5\u7d44\u307f\u306b\u3064\u3044\u3066\u89e3\u8aac\u3057\u3066\u3044\u304d\u307e\u3059\uff01<\/p>\n<h3 class=\"h03\">flex\u30d7\u30ed\u30d1\u30c6\u30a3\uff08flex:1;\uff09\u3068\u306f\uff1f<\/h3>\n<p>flex\u30d7\u30ed\u30d1\u30c6\u30a3\u3068\u306f\u3001Flexbox\u306e\u5b50\u8981\u7d20\uff08\u30d5\u30ec\u30c3\u30af\u30b9\u30a2\u30a4\u30c6\u30e0\uff09\u306e\u4f38\u3073\u7e2e\u307f\u3059\u308b\u6bd4\u7387\u3084\u3001\u57fa\u6e96\u3068\u306a\u308b\u30b5\u30a4\u30ba\u3092\u6307\u5b9a\u3059\u308b\u305f\u3081\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u3067\u3059\u3002<\/p>\n<p>\u4f8b\u3048\u3070\u3001\u6a2a\u4e26\u3073\u306b\u3057\u305f\u8981\u7d20\u306e\u9593\u306b\u4f59\u3063\u305f\u30b9\u30da\u30fc\u30b9\u304c\u3042\u308c\u3070\u3001\u305d\u306e\u30b9\u30da\u30fc\u30b9\u3092\u5206\u3051\u5408\u3063\u3066\u8981\u7d20\u3092\u5e83\u3052\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<br \/>\u53cd\u5bfe\u306b\u3001\u8981\u7d20\u306e\u5e45\u304c\u5927\u304d\u304f\u306a\u308a\u3059\u304e\u3066\u89aa\u8981\u7d20\u306b\u53ce\u307e\u3089\u306a\u3044\u5834\u5408\u306f\u3001\u8981\u7d20\u3092\u7e2e\u3081\u3066\u53ce\u3081\u308b\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002<\/p>\n<h3 class=\"h03\">flex:1;\u3092\u6307\u5b9a\u3059\u308b\u3068\u3069\u3046\u306a\u308b\uff1f<\/h3>\n<p>\u3067\u306f\u3001\u5b9f\u969b\u306b\u300cflex:1;\u300d\u3092\u4f7f\u3063\u3066\u307f\u307e\u3057\u3087\u3046\uff01<\/p>\n<p>\u4f8b\u3048\u3070\u3001\u4ee5\u4e0b\u306e\u3088\u3046\u306b3\u3064\u306e\u8981\u7d20\u3092\u6a2a\u4e26\u3073\u306b\u3057\u3001\u305d\u308c\u305e\u308c\u306bflex:1;\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\n&lt;div class=&quot;container&quot;&gt;\r\n    &lt;div class=&quot;item&quot;&gt;A&lt;\/div&gt;\r\n    &lt;div class=&quot;item&quot;&gt;B&lt;\/div&gt;\r\n    &lt;div class=&quot;item&quot;&gt;C&lt;\/div&gt;\r\n&lt;\/div&gt;\r\n<\/pre>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\n.container{\r\n    display: flex;\r\n    gap: 10px;\r\n    width: 900px;\r\n}\r\n\r\n.item{\r\n    flex: 1;\r\n    padding: 60px;\r\n    font-size: 42px;\r\n    text-align: center;\r\n    background-color: sandybrown;\r\n}\r\n<\/pre>\n<p>\u3059\u308b\u3068\u30013\u3064\u306e\u8981\u7d20\u304cFlexbox\u3067\u5229\u7528\u3067\u304d\u308b\u30b9\u30da\u30fc\u30b9\u30921:1:1\u306e\u5272\u5408\u3067\u5206\u3051\u5408\u3046\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.qam-web.com\/wp-content\/uploads\/2026\/09\/260911_01.png\" alt=\"\" width=\"909\" height=\"195\" class=\"alignnone size-full wp-image-25703\" srcset=\"https:\/\/www.qam-web.com\/wp-content\/uploads\/2026\/09\/260911_01.png 909w, https:\/\/www.qam-web.com\/wp-content\/uploads\/2026\/09\/260911_01-300x64.png 300w\" sizes=\"auto, (max-width: 909px) 100vw, 909px\" \/><\/p>\n<p>\u89aa\u8981\u7d20\u306e\u5e45\u304c900px\u3067\u30013\u3064\u306e\u8981\u7d20\u306bflex:1;\u3092\u6307\u5b9a\u3057\u305f\u5834\u5408\u3001<\/p>\n<ul class=\"ul_disc\">\n<li>\u8981\u7d20A:1<\/li>\n<li>\u8981\u7d20B:1<\/li>\n<li>\u8981\u7d20C:1<\/li>\n<\/ul>\n<p>900px\u00f73=300px<br \/>\u203b\u3053\u3053\u304b\u3089gap\u5206\u3092\u9664\u304f\u305f\u3081\u3001\u5b9f\u969b\u306e\u6570\u5024\u306f\u82e5\u5e72\u7570\u306a\u308a\u307e\u3059\u3002<\/p>\n<p>\u3068\u306a\u308a\u3001\u305d\u308c\u305e\u308c\u304c\u540c\u3058\u5e45\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n<p>\u307e\u305f\u3001\u5024\u3092\u5909\u3048\u308b\u3053\u3068\u3067\u3001\u5e45\u306e\u6bd4\u7387\u3092\u5909\u66f4\u3059\u308b\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\n&lt;div class=&quot;container&quot;&gt;\r\n    &lt;div class=&quot;item item-a&quot;&gt;A&lt;\/div&gt;\r\n    &lt;div class=&quot;item item-b&quot;&gt;B&lt;\/div&gt;\r\n    &lt;div class=&quot;item item-c&quot;&gt;C&lt;\/div&gt;\r\n&lt;\/div&gt;\r\n<\/pre>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\n.item-a {\r\n    flex: 2;\r\n}\r\n\r\n.item-b,\r\n.item-c {\r\n    flex: 1;\r\n}\r\n<\/pre>\n<p>\u3053\u306e\u5834\u5408\u306f\u3001\u8981\u7d20A\u30fbB\u30fbC\u304c2:1:1\u306e\u5272\u5408\u3067\u30b9\u30da\u30fc\u30b9\u3092\u5206\u3051\u5408\u3044\u307e\u3059\u3002<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.qam-web.com\/wp-content\/uploads\/2026\/09\/260911_02.png\" alt=\"\" width=\"911\" height=\"193\" class=\"alignnone size-full wp-image-25710\" srcset=\"https:\/\/www.qam-web.com\/wp-content\/uploads\/2026\/09\/260911_02.png 911w, https:\/\/www.qam-web.com\/wp-content\/uploads\/2026\/09\/260911_02-300x64.png 300w\" sizes=\"auto, (max-width: 911px) 100vw, 911px\" \/><br \/>\n<\/p>\n<p>\u3053\u306e\u3088\u3046\u306b\u3001flex\u306e\u5024\u3092\u4f7f\u3063\u3066\u300c\u4f55\u5bfe\u4f55\u3067\u30b9\u30da\u30fc\u30b9\u3092\u5206\u3051\u308b\u304b\u300d\u3092\u6307\u5b9a\u3067\u304d\u308b\u306e\u304c\u3001flex:1;\u306e\u5927\u304d\u306a\u7279\u5fb4\u3067\u3059\u3002<\/p>\n<h3 class=\"h03\">flex\u30d7\u30ed\u30d1\u30c6\u30a3\u306f\u3001\uff13\u3064\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u306e\u7701\u7565\u5f62\uff01<\/h3>\n<p>\u5b9f\u306f\u3001flex\u30d7\u30ed\u30d1\u30c6\u30a3\u306f\u4ee5\u4e0b\u306e\uff13\u3064\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u307e\u3068\u3081\u3066\u6307\u5b9a\u3067\u304d\u308b\u30b7\u30e7\u30fc\u30c8\u30cf\u30f3\u30c9\uff08\u7701\u7565\u8a18\u6cd5\uff09\u3067\u3059\u3002<\/p>\n<ul class=\"ul_disc\">\n<li>flex-grow\uff1a\u4f59\u3063\u305f\u30b9\u30da\u30fc\u30b9\u3092\u3069\u306e\u304f\u3089\u3044\u5206\u3051\u5408\u3063\u3066\u4f38\u3073\u308b\u304b<\/li>\n<li>flex-shrink\uff1a\u30b9\u30da\u30fc\u30b9\u304c\u8db3\u308a\u306a\u3044\u3068\u304d\u3001\u3069\u306e\u304f\u3089\u3044\u7e2e\u3080\u304b<\/li>\n<li>flex-basis\uff1a\u4f38\u3073\u7e2e\u307f\u3059\u308b\u524d\u306e\u57fa\u6e96\u3068\u306a\u308b\u30b5\u30a4\u30ba<\/li>\n<\/ul>\n<p>\u305d\u308c\u305e\u308c\u306e\u5f79\u5272\u3092\u8a73\u3057\u304f\u898b\u3066\u3044\u304d\u307e\u3057\u3087\u3046\u3002<\/p>\n<h4 class=\"h04\">flex-grow<\/h4>\n<p>\u4f59\u3063\u305f\u30b9\u30da\u30fc\u30b9\u3092\u3069\u306e\u304f\u3089\u3044\u5206\u3051\u5408\u3063\u3066\u4f38\u3073\u308b\u304b\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002<\/p>\n<p>\u521d\u671f\u5024\u306f0\u3067\u3001flex-grow\u3092\u6307\u5b9a\u3057\u3066\u3044\u306a\u3044\u72b6\u614b\u3067\u306f\u4f59\u3063\u305f\u30b9\u30da\u30fc\u30b9\u304c\u3042\u3063\u3066\u3082\u57fa\u672c\u7684\u306b\u306f\u4f38\u3073\u307e\u305b\u3093\u3002<\/p>\n<p>\u4f8b\u3048\u3070\u30012\u3064\u306e\u8981\u7d20\u306b<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\n.item {\r\n    flex-grow: 1;\r\n}\r\n<\/pre>\n<p>\u3068\u6307\u5b9a\u3059\u308b\u3068\u3001\u4f59\u3063\u305f\u30b9\u30da\u30fc\u30b9\u30921:1\u306e\u5272\u5408\u3067\u5206\u3051\u5408\u3063\u3066\u5e83\u304c\u308a\u307e\u3059\u3002<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.qam-web.com\/wp-content\/uploads\/2026\/09\/260911_03.png\" alt=\"\" width=\"911\" height=\"191\" class=\"alignnone size-full wp-image-25717\" srcset=\"https:\/\/www.qam-web.com\/wp-content\/uploads\/2026\/09\/260911_03.png 911w, https:\/\/www.qam-web.com\/wp-content\/uploads\/2026\/09\/260911_03-300x63.png 300w\" sizes=\"auto, (max-width: 911px) 100vw, 911px\" \/><\/p>\n<p>\u5024\u3092\u5909\u3048\u308b\u3053\u3068\u3067\u3001\u4f38\u3073\u308b\u5272\u5408\u3092\u5909\u3048\u308b\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002<\/p>\n<h4 class=\"h04\">flex-shrink<\/h4>\n<p>\u30b9\u30da\u30fc\u30b9\u304c\u8db3\u308a\u306a\u3044\u3068\u304d\u306b\u3001\u3069\u306e\u304f\u3089\u3044\u7e2e\u3080\u304b\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002<\/p>\n<p>\u521d\u671f\u5024\u306f1\u3067\u3059\u3002<\/p>\n<p>\u4f8b\u3048\u3070\u3001\u8907\u6570\u306e\u8981\u7d20\u306e\u5408\u8a08\u30b5\u30a4\u30ba\u304c\u89aa\u8981\u7d20\u306e\u5e45\u3092\u8d85\u3048\u305f\u5834\u5408\u3001flex-shrink\u306e\u5024\u306b\u5fdc\u3058\u3066\u8981\u7d20\u304c\u7e2e\u307f\u3001\u89aa\u8981\u7d20\u306e\u4e2d\u306b\u53ce\u307e\u308d\u3046\u3068\u3057\u307e\u3059\u3002<\/p>\n<p>0\u3092\u6307\u5b9a\u3059\u308b\u3068\u3001\u305d\u306e\u8981\u7d20\u306fFlexbox\u306b\u3088\u308b\u7e2e\u5c0f\u3092\u3057\u306a\u304f\u306a\u308a\u307e\u3059\u3002<\/p>\n<h4 class=\"h04\">flex-basis<\/h4>\n<p>\u4f38\u3073\u7e2e\u307f\u3059\u308b\u524d\u306e\u57fa\u6e96\u3068\u306a\u308b\u30b5\u30a4\u30ba\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002<br \/>px\u3084%\u306a\u3069\u3092\u4f7f\u3063\u3066\u6307\u5b9a\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\n.item {\r\n    flex-basis: 300px;\r\n}\r\n<\/pre>\n<p>\u3053\u306e\u5834\u5408\u3001300px\u3092\u57fa\u6e96\u3068\u3057\u3066Flexbox\u306b\u3088\u308b\u4f38\u3073\u7e2e\u307f\u304c\u8a08\u7b97\u3055\u308c\u307e\u3059\u3002<\/p>\n<p>\u306a\u304a\u3001\u521d\u671f\u5024\u306fauto\u3067\u3001width\u306a\u3069\u306e\u6307\u5b9a\u3092\u57fa\u6e96\u306b\u3059\u308b\u5834\u5408\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n<h3 class=\"h03\">flex:1;\u306f\u4f55\u3092\u7701\u7565\u3057\u3066\u3044\u308b\uff1f<\/h3>\n<p>\u3053\u3053\u307e\u3067\u898b\u3066\u304d\u305f3\u3064\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u30011\u3064\u306b\u307e\u3068\u3081\u3066\u6307\u5b9a\u3067\u304d\u308b\u306e\u304cflex\u30d7\u30ed\u30d1\u30c6\u30a3\u3067\u3059\u3002<\/p>\n<p>\u4f8b\u3048\u3070\u3001<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\n.item {\r\n    flex: 1;\r\n}\r\n<\/pre>\n<p>\u3068\u6307\u5b9a\u3057\u305f\u5834\u5408\u3001\u57fa\u672c\u7684\u306b\u306f\u4ee5\u4e0b\u306e\u3088\u3046\u306a\u5024\u3068\u3057\u3066\u6271\u308f\u308c\u307e\u3059\u3002<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\n.item {\r\n    flex-grow: 1;\r\n    flex-shrink: 1;\r\n    flex-basis: 0%;\r\n}\r\n<\/pre>\n<p>\u3064\u307e\u308a\u3001flex:1;\u306f\u5358\u7d14\u306b\u300cflex-grow:1;\u300d\u3068\u3044\u3046\u610f\u5473\u3067\u306f\u306a\u304f\u3001<br \/>\n\u300c\u4f59\u3063\u305f\u30b9\u30da\u30fc\u30b9\u304c\u3042\u308c\u30701\u306e\u5272\u5408\u3067\u4f38\u3073\u3001\u30b9\u30da\u30fc\u30b9\u304c\u8db3\u308a\u306a\u3051\u308c\u3070\u7e2e\u307f\u3001\u30b5\u30a4\u30ba\u3092\u8a08\u7b97\u3059\u308b\u3068\u304d\u306e\u57fa\u6e96\u30920%\u306b\u3059\u308b\u300d<br \/>\n\u3068\u3044\u3046\u6307\u5b9a\u3092\u3001\u77ed\u304f\u307e\u3068\u3081\u3066\u66f8\u3044\u3066\u3044\u308b\u3082\u306e\u3067\u3059\u3002<\/p>\n<p>\u305d\u306e\u305f\u3081\u3001\u8907\u6570\u306e\u8981\u7d20\u306bflex:1;\u3092\u6307\u5b9a\u3059\u308b\u3068\u3001\u305d\u308c\u305e\u308c\u304c\u540c\u3058\u6761\u4ef6\u3067\u30b9\u30da\u30fc\u30b9\u3092\u5206\u3051\u5408\u3044\u3001\u7d50\u679c\u3068\u3057\u3066\u5747\u7b49\u306a\u5e45\u306b\u306a\u308a\u3084\u3059\u304f\u306a\u308a\u307e\u3059\u3002<\/p>\n<h3 class=\"h03\">flex:1;\u3068width:50%;\u306e\u9055\u3044<\/h3>\n<p>2\u3064\u306e\u8981\u7d20\u3092\u6a2a\u4e26\u3073\u306b\u3057\u3066\u5747\u7b49\u306a\u5e45\u306b\u3057\u305f\u3044\u5834\u5408\u3001\u300cwidth:50%;\u300d\u3092\u4f7f\u3046\u65b9\u6cd5\u3082\u3042\u308a\u307e\u3059\u3002<\/p>\n<p><\/p>\n<p>\u3067\u306f\u3001flex:1;\u3068width:50%;\u3067\u306f\u3001\u3069\u306e\u3088\u3046\u306a\u9055\u3044\u304c\u3042\u308b\u306e\u3067\u3057\u3087\u3046\u304b\uff1f<\/p>\n<p>\u3069\u3061\u3089\u3082\u30012\u3064\u306e\u8981\u7d20\u3092\u5747\u7b49\u306b\u6a2a\u4e26\u3073\u306b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u304c\u3001gap\u3092\u6307\u5b9a\u3057\u305f\u5834\u5408\u306b\u9055\u3044\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n<p>\u4f8b\u3048\u3070\u3001\u89aa\u8981\u7d20\u306e\u5e45\u304c900px\u3067\u3001gap:20px;\u3092\u6307\u5b9a\u3057\u305f\u5834\u5408\u3092\u8003\u3048\u3066\u307f\u307e\u3057\u3087\u3046\u3002<br \/>\u5b50\u8981\u7d20\u306bwidth:50%;\u3092\u6307\u5b9a\u3059\u308b\u3068\u3001\u305d\u308c\u305e\u308c\u306e\u8981\u7d20\u306f\u89aa\u8981\u7d20\u306e50%\u3067\u3042\u308b450px\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n<p>450px + 450px + 20px = 920px<\/p>\n<p>\u3053\u306e\u3088\u3046\u306b\u3001width:50%;\u306fgap\u3092\u8003\u616e\u3057\u3066\u5e45\u3092\u8a08\u7b97\u3059\u308b\u308f\u3051\u3067\u306f\u306a\u3044\u305f\u3081\u3001\u5358\u7d14\u306b50%\u305a\u3064\u6307\u5b9a\u3059\u308b\u3068\u3001gap\u3092\u542b\u3081\u305f\u5408\u8a08\u304c\u89aa\u8981\u7d20\u306e\u5e45\u3092\u8d85\u3048\u3066\u3057\u307e\u3044\u307e\u3059\u3002<\/p>\n<p>\u4e00\u65b9\u3001flex:1;\u306e\u5834\u5408\u306f\u3001gap\u3092\u9664\u3044\u305f\u6b8b\u308a\u306e\u30b9\u30da\u30fc\u30b9\u30922\u3064\u306e\u8981\u7d20\u3067\u5206\u3051\u5408\u3044\u307e\u3059\u3002<\/p>\n<p>900px &#8211; 20px = 880px<br \/>880px \u00f7 2= 440px<\/p>\n<p>\u305d\u308c\u305e\u308c440px\u3068\u306a\u308a\u3001gap\u3092\u542b\u3081\u3066\u3082\u89aa\u8981\u7d20\u306e\u5e45\u306b\u53ce\u307e\u308a\u307e\u3059\u3002<\/p>\n<p>\u3053\u306e\u3088\u3046\u306b\u3001width:50%;\u306f\u89aa\u8981\u7d20\u306e\u5e45\u3092\u57fa\u6e96\u306b\u5272\u5408\u3092\u6307\u5b9a\u3059\u308b\u306e\u306b\u5bfe\u3057\u3001flex:1;\u306fgap\u306a\u3069\u3092\u9664\u3044\u305f\u3001Flexbox\u3067\u5229\u7528\u3067\u304d\u308b\u30b9\u30da\u30fc\u30b9\u3092\u5206\u3051\u5408\u3046\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n<p>\u305d\u306e\u305f\u3081\u3001gap\u3092\u4f7f\u3063\u3066\u8981\u7d20\u9593\u306e\u4f59\u767d\u3092\u8a2d\u5b9a\u3057\u306a\u304c\u3089\u3001\u8981\u7d20\u3092\u5747\u7b49\u306b\u4e26\u3079\u305f\u3044\u5834\u5408\u306b\u306f\u3001flex:1;\u304c\u4fbf\u5229\u3067\u3059\u3002<\/p>\n<h3 class=\"h03\">\u307e\u3068\u3081<\/h3>\n<p>\u4eca\u56de\u306f\u3001flex:1;\u306e\u4ed5\u7d44\u307f\u3084\u3001flex-grow\u30fbflex-shrink\u30fbflex-basis\u3068\u306e\u95a2\u4fc2\u306b\u3064\u3044\u3066\u89e3\u8aac\u3057\u307e\u3057\u305f\u3002<\/p>\n<p>flex:1;\u306f\u3001\u8907\u6570\u306e\u8981\u7d20\u3067\u5229\u7528\u3067\u304d\u308b\u30b9\u30da\u30fc\u30b9\u3092\u5206\u3051\u5408\u3046\u305f\u3081\u306e\u6307\u5b9a\u3067\u3059\u3002width:50%;\u3068\u306e\u9055\u3044\u3082\u7406\u89e3\u3057\u3066\u304a\u304f\u3053\u3068\u3067\u3001\u30ec\u30a4\u30a2\u30a6\u30c8\u306b\u5408\u308f\u305b\u3066\u4f7f\u3044\u5206\u3051\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n<p>\u666e\u6bb5\u4f55\u3068\u306a\u304f\u4f7f\u3063\u3066\u3044\u305fflex:1;\u3082\u3001\u4ed5\u7d44\u307f\u3092\u7406\u89e3\u3057\u3066\u304a\u304f\u3053\u3068\u3067\u3001\u3088\u308a\u610f\u56f3\u7684\u306b\u4f7f\u3048\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n<p>flex:1;\u3092\u4f7f\u3046\u5834\u9762\u3067\u3001\u4eca\u56de\u306e\u5185\u5bb9\u304c\u5c11\u3057\u3067\u3082\u53c2\u8003\u306b\u306a\u308c\u3070\u5e78\u3044\u3067\u3059\uff01<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Flexbox\u3092\u4f7f\u3063\u3066\u8981\u7d20\u3092\u6a2a\u4e26\u3073\u306b\u3059\u308b\u3068\u304d\u3001\u5b50\u8981\u7d20\u306e\u5e45\u3092\u6bd4\u7387\u306b\u5fdc\u3058\u3066\u5206\u914d\u3059\u308b\u65b9\u6cd5\u306e\u4e00\u3064\u304c\u300cflex\u30d7\u30ed\u30d1\u30c6\u30a3\uff08flex:1;\uff09\u300d\u3067\u3059\u3002\u666e\u6bb5\u611f\u899a\u7684\u306b\u4f7f\u3063\u3066\u3044\u308b\u3051\u308c\u3069\u3001\u6539\u3081\u3066\u5177\u4f53\u7684\u306a\u610f\u5473\u3084\u4ed5\u7d44\u307f\u3092\u805e\u304b\u308c\u308b\u3068\u3088\u304f\u5206\u304b\u3089\u306a\u3044\u3001 [&hellip;]<\/p>\n","protected":false},"author":101027,"featured_media":25740,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[266],"tags":[],"class_list":["post-25677","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-css-markup"],"acf":[],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.1.1 - aioseo.com -->\n\t<meta name=\"description\" content=\"Flexbox\u3092\u4f7f\u3063\u3066\u8981\u7d20\u3092\u6a2a\u4e26\u3073\u306b\u3059\u308b\u3068\u304d\u3001\u5b50\u8981\u7d20\u306e\u5e45\u3092\u6bd4\u7387\u306b\u5fdc\u3058\u3066\u5206\u914d\u3059\u308b\u65b9\u6cd5\u306e\u4e00\u3064\u304c\u300cflex\u30d7\u30ed\u30d1\u30c6\u30a3\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"\u304b\u306a\u3067\u3093\"\/>\n\t<link rel=\"canonical\" href=\"https:\/\/www.qam-web.com\/?p=25677\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.1.1\" \/>\n\t\t<meta property=\"og:locale\" content=\"ja_JP\" \/>\n\t\t<meta property=\"og:site_name\" content=\"WEB\u696d\u754c\u3067\u50cd\u304f\u4eba\u3084\u8208\u5473\u304c\u3042\u308b\u4eba\u306b\u5f79\u7acb\u3064\u60c5\u5831\u30b5\u30a4\u30c8\u201cqam\uff08\u30ab\u30e0\uff09\u201d - WEB\u696d\u754c\u3067\u50cd\u304f\u4eba\u3084\u8208\u5473\u304c\u3042\u308b\u4eba\u306b\u5f79\u7acb\u3064\u60c5\u5831\u30b5\u30a4\u30c8\u201cqam\uff08\u30ab\u30e0\uff09\u201d\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"CSS\u306eflex:1;\u3092\u89e3\u8aac\uff01\u4f7f\u3044\u65b9\u3084\u4ed5\u7d44\u307f\u3001width:50%;\u3068\u306e\u9055\u3044 - WEB\u696d\u754c\u3067\u50cd\u304f\u4eba\u3084\u8208\u5473\u304c\u3042\u308b\u4eba\u306b\u5f79\u7acb\u3064\u60c5\u5831\u30b5\u30a4\u30c8\u201cqam\uff08\u30ab\u30e0\uff09\u201d\" \/>\n\t\t<meta property=\"og:description\" content=\"Flexbox\u3092\u4f7f\u3063\u3066\u8981\u7d20\u3092\u6a2a\u4e26\u3073\u306b\u3059\u308b\u3068\u304d\u3001\u5b50\u8981\u7d20\u306e\u5e45\u3092\u6bd4\u7387\u306b\u5fdc\u3058\u3066\u5206\u914d\u3059\u308b\u65b9\u6cd5\u306e\u4e00\u3064\u304c\u300cflex\u30d7\u30ed\u30d1\u30c6\u30a3\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/www.qam-web.com\/?p=25677\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2026-09-16T02:08:39+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2026-09-16T02:08:39+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"CSS\u306eflex:1;\u3092\u89e3\u8aac\uff01\u4f7f\u3044\u65b9\u3084\u4ed5\u7d44\u307f\u3001width:50%;\u3068\u306e\u9055\u3044 - WEB\u696d\u754c\u3067\u50cd\u304f\u4eba\u3084\u8208\u5473\u304c\u3042\u308b\u4eba\u306b\u5f79\u7acb\u3064\u60c5\u5831\u30b5\u30a4\u30c8\u201cqam\uff08\u30ab\u30e0\uff09\u201d\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Flexbox\u3092\u4f7f\u3063\u3066\u8981\u7d20\u3092\u6a2a\u4e26\u3073\u306b\u3059\u308b\u3068\u304d\u3001\u5b50\u8981\u7d20\u306e\u5e45\u3092\u6bd4\u7387\u306b\u5fdc\u3058\u3066\u5206\u914d\u3059\u308b\u65b9\u6cd5\u306e\u4e00\u3064\u304c\u300cflex\u30d7\u30ed\u30d1\u30c6\u30a3\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BlogPosting\",\"@id\":\"https:\\\/\\\/www.qam-web.com\\\/?p=25677#blogposting\",\"name\":\"CSS\\u306eflex:1;\\u3092\\u89e3\\u8aac\\uff01\\u4f7f\\u3044\\u65b9\\u3084\\u4ed5\\u7d44\\u307f\\u3001width:50%;\\u3068\\u306e\\u9055\\u3044 - WEB\\u696d\\u754c\\u3067\\u50cd\\u304f\\u4eba\\u3084\\u8208\\u5473\\u304c\\u3042\\u308b\\u4eba\\u306b\\u5f79\\u7acb\\u3064\\u60c5\\u5831\\u30b5\\u30a4\\u30c8\\u201cqam\\uff08\\u30ab\\u30e0\\uff09\\u201d\",\"headline\":\"CSS\\u306eflex:1;\\u3092\\u89e3\\u8aac\\uff01\\u4f7f\\u3044\\u65b9\\u3084\\u4ed5\\u7d44\\u307f\\u3001width:50%;\\u3068\\u306e\\u9055\\u3044\",\"author\":{\"@id\":\"https:\\\/\\\/www.qam-web.com\\\/?author=101027#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/www.qam-web.com\\\/#organization\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/www.qam-web.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/260916_\\u30b5\\u30e0\\u30cd\\u30a4\\u30eb.png\",\"width\":600,\"height\":400},\"datePublished\":\"2026-09-16T11:08:39+09:00\",\"dateModified\":\"2026-09-16T11:08:39+09:00\",\"inLanguage\":\"ja\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.qam-web.com\\\/?p=25677#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.qam-web.com\\\/?p=25677#webpage\"},\"articleSection\":\"CSS\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.qam-web.com\\\/?p=25677#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.qam-web.com#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.qam-web.com\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.qam-web.com\\\/?cat=12#listItem\",\"name\":\"\\u30de\\u30fc\\u30af\\u30a2\\u30c3\\u30d7\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.qam-web.com\\\/?cat=12#listItem\",\"position\":2,\"name\":\"\\u30de\\u30fc\\u30af\\u30a2\\u30c3\\u30d7\",\"item\":\"https:\\\/\\\/www.qam-web.com\\\/?cat=12\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.qam-web.com\\\/?cat=266#listItem\",\"name\":\"CSS\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.qam-web.com#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.qam-web.com\\\/?cat=266#listItem\",\"position\":3,\"name\":\"CSS\",\"item\":\"https:\\\/\\\/www.qam-web.com\\\/?cat=266\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.qam-web.com\\\/?p=25677#listItem\",\"name\":\"CSS\\u306eflex:1;\\u3092\\u89e3\\u8aac\\uff01\\u4f7f\\u3044\\u65b9\\u3084\\u4ed5\\u7d44\\u307f\\u3001width:50%;\\u3068\\u306e\\u9055\\u3044\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.qam-web.com\\\/?cat=12#listItem\",\"name\":\"\\u30de\\u30fc\\u30af\\u30a2\\u30c3\\u30d7\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.qam-web.com\\\/?p=25677#listItem\",\"position\":4,\"name\":\"CSS\\u306eflex:1;\\u3092\\u89e3\\u8aac\\uff01\\u4f7f\\u3044\\u65b9\\u3084\\u4ed5\\u7d44\\u307f\\u3001width:50%;\\u3068\\u306e\\u9055\\u3044\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.qam-web.com\\\/?cat=266#listItem\",\"name\":\"CSS\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.qam-web.com\\\/#organization\",\"name\":\"WEB\\u696d\\u754c\\u3067\\u50cd\\u304f\\u4eba\\u3084\\u8208\\u5473\\u304c\\u3042\\u308b\\u4eba\\u306b\\u5f79\\u7acb\\u3064\\u60c5\\u5831\\u30b5\\u30a4\\u30c8\\u201cqam\\uff08\\u30ab\\u30e0\\uff09\\u201d\",\"description\":\"WEB\\u696d\\u754c\\u3067\\u50cd\\u304f\\u4eba\\u3084\\u8208\\u5473\\u304c\\u3042\\u308b\\u4eba\\u306b\\u5f79\\u7acb\\u3064\\u60c5\\u5831\\u30b5\\u30a4\\u30c8\\u201cqam\\uff08\\u30ab\\u30e0\\uff09\\u201d\",\"url\":\"https:\\\/\\\/www.qam-web.com\\\/\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.qam-web.com\\\/?author=101027#author\",\"url\":\"https:\\\/\\\/www.qam-web.com\\\/?author=101027\",\"name\":\"\\u304b\\u306a\\u3067\\u3093\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/www.qam-web.com\\\/?p=25677#authorImage\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/9c9ad33a2a01fb7dad955462e6fb2eabb44d9587d196b516c58143150ec5399e?s=96&d=mm&r=g\",\"width\":96,\"height\":96,\"caption\":\"\\u304b\\u306a\\u3067\\u3093\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.qam-web.com\\\/?p=25677#webpage\",\"url\":\"https:\\\/\\\/www.qam-web.com\\\/?p=25677\",\"name\":\"CSS\\u306eflex:1;\\u3092\\u89e3\\u8aac\\uff01\\u4f7f\\u3044\\u65b9\\u3084\\u4ed5\\u7d44\\u307f\\u3001width:50%;\\u3068\\u306e\\u9055\\u3044 - WEB\\u696d\\u754c\\u3067\\u50cd\\u304f\\u4eba\\u3084\\u8208\\u5473\\u304c\\u3042\\u308b\\u4eba\\u306b\\u5f79\\u7acb\\u3064\\u60c5\\u5831\\u30b5\\u30a4\\u30c8\\u201cqam\\uff08\\u30ab\\u30e0\\uff09\\u201d\",\"description\":\"Flexbox\\u3092\\u4f7f\\u3063\\u3066\\u8981\\u7d20\\u3092\\u6a2a\\u4e26\\u3073\\u306b\\u3059\\u308b\\u3068\\u304d\\u3001\\u5b50\\u8981\\u7d20\\u306e\\u5e45\\u3092\\u6bd4\\u7387\\u306b\\u5fdc\\u3058\\u3066\\u5206\\u914d\\u3059\\u308b\\u65b9\\u6cd5\\u306e\\u4e00\\u3064\\u304c\\u300cflex\\u30d7\\u30ed\\u30d1\\u30c6\\u30a3\",\"inLanguage\":\"ja\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.qam-web.com\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.qam-web.com\\\/?p=25677#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/www.qam-web.com\\\/?author=101027#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/www.qam-web.com\\\/?author=101027#author\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/www.qam-web.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/260916_\\u30b5\\u30e0\\u30cd\\u30a4\\u30eb.png\",\"@id\":\"https:\\\/\\\/www.qam-web.com\\\/?p=25677\\\/#mainImage\",\"width\":600,\"height\":400},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.qam-web.com\\\/?p=25677#mainImage\"},\"datePublished\":\"2026-09-16T11:08:39+09:00\",\"dateModified\":\"2026-09-16T11:08:39+09:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.qam-web.com\\\/#website\",\"url\":\"https:\\\/\\\/www.qam-web.com\\\/\",\"name\":\"WEB\\u696d\\u754c\\u3067\\u50cd\\u304f\\u4eba\\u3084\\u8208\\u5473\\u304c\\u3042\\u308b\\u4eba\\u306b\\u5f79\\u7acb\\u3064\\u60c5\\u5831\\u30b5\\u30a4\\u30c8\\u201cqam\\uff08\\u30ab\\u30e0\\uff09\\u201d\",\"description\":\"WEB\\u696d\\u754c\\u3067\\u50cd\\u304f\\u4eba\\u3084\\u8208\\u5473\\u304c\\u3042\\u308b\\u4eba\\u306b\\u5f79\\u7acb\\u3064\\u60c5\\u5831\\u30b5\\u30a4\\u30c8\\u201cqam\\uff08\\u30ab\\u30e0\\uff09\\u201d\",\"inLanguage\":\"ja\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.qam-web.com\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"CSS\u306eflex:1;\u3092\u89e3\u8aac\uff01\u4f7f\u3044\u65b9\u3084\u4ed5\u7d44\u307f\u3001width:50%;\u3068\u306e\u9055\u3044 - WEB\u696d\u754c\u3067\u50cd\u304f\u4eba\u3084\u8208\u5473\u304c\u3042\u308b\u4eba\u306b\u5f79\u7acb\u3064\u60c5\u5831\u30b5\u30a4\u30c8\u201cqam\uff08\u30ab\u30e0\uff09\u201d","description":"Flexbox\u3092\u4f7f\u3063\u3066\u8981\u7d20\u3092\u6a2a\u4e26\u3073\u306b\u3059\u308b\u3068\u304d\u3001\u5b50\u8981\u7d20\u306e\u5e45\u3092\u6bd4\u7387\u306b\u5fdc\u3058\u3066\u5206\u914d\u3059\u308b\u65b9\u6cd5\u306e\u4e00\u3064\u304c\u300cflex\u30d7\u30ed\u30d1\u30c6\u30a3","canonical_url":"https:\/\/www.qam-web.com\/?p=25677","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BlogPosting","@id":"https:\/\/www.qam-web.com\/?p=25677#blogposting","name":"CSS\u306eflex:1;\u3092\u89e3\u8aac\uff01\u4f7f\u3044\u65b9\u3084\u4ed5\u7d44\u307f\u3001width:50%;\u3068\u306e\u9055\u3044 - WEB\u696d\u754c\u3067\u50cd\u304f\u4eba\u3084\u8208\u5473\u304c\u3042\u308b\u4eba\u306b\u5f79\u7acb\u3064\u60c5\u5831\u30b5\u30a4\u30c8\u201cqam\uff08\u30ab\u30e0\uff09\u201d","headline":"CSS\u306eflex:1;\u3092\u89e3\u8aac\uff01\u4f7f\u3044\u65b9\u3084\u4ed5\u7d44\u307f\u3001width:50%;\u3068\u306e\u9055\u3044","author":{"@id":"https:\/\/www.qam-web.com\/?author=101027#author"},"publisher":{"@id":"https:\/\/www.qam-web.com\/#organization"},"image":{"@type":"ImageObject","url":"https:\/\/www.qam-web.com\/wp-content\/uploads\/2026\/09\/260916_\u30b5\u30e0\u30cd\u30a4\u30eb.png","width":600,"height":400},"datePublished":"2026-09-16T11:08:39+09:00","dateModified":"2026-09-16T11:08:39+09:00","inLanguage":"ja","mainEntityOfPage":{"@id":"https:\/\/www.qam-web.com\/?p=25677#webpage"},"isPartOf":{"@id":"https:\/\/www.qam-web.com\/?p=25677#webpage"},"articleSection":"CSS"},{"@type":"BreadcrumbList","@id":"https:\/\/www.qam-web.com\/?p=25677#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/www.qam-web.com#listItem","position":1,"name":"Home","item":"https:\/\/www.qam-web.com","nextItem":{"@type":"ListItem","@id":"https:\/\/www.qam-web.com\/?cat=12#listItem","name":"\u30de\u30fc\u30af\u30a2\u30c3\u30d7"}},{"@type":"ListItem","@id":"https:\/\/www.qam-web.com\/?cat=12#listItem","position":2,"name":"\u30de\u30fc\u30af\u30a2\u30c3\u30d7","item":"https:\/\/www.qam-web.com\/?cat=12","nextItem":{"@type":"ListItem","@id":"https:\/\/www.qam-web.com\/?cat=266#listItem","name":"CSS"},"previousItem":{"@type":"ListItem","@id":"https:\/\/www.qam-web.com#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/www.qam-web.com\/?cat=266#listItem","position":3,"name":"CSS","item":"https:\/\/www.qam-web.com\/?cat=266","nextItem":{"@type":"ListItem","@id":"https:\/\/www.qam-web.com\/?p=25677#listItem","name":"CSS\u306eflex:1;\u3092\u89e3\u8aac\uff01\u4f7f\u3044\u65b9\u3084\u4ed5\u7d44\u307f\u3001width:50%;\u3068\u306e\u9055\u3044"},"previousItem":{"@type":"ListItem","@id":"https:\/\/www.qam-web.com\/?cat=12#listItem","name":"\u30de\u30fc\u30af\u30a2\u30c3\u30d7"}},{"@type":"ListItem","@id":"https:\/\/www.qam-web.com\/?p=25677#listItem","position":4,"name":"CSS\u306eflex:1;\u3092\u89e3\u8aac\uff01\u4f7f\u3044\u65b9\u3084\u4ed5\u7d44\u307f\u3001width:50%;\u3068\u306e\u9055\u3044","previousItem":{"@type":"ListItem","@id":"https:\/\/www.qam-web.com\/?cat=266#listItem","name":"CSS"}}]},{"@type":"Organization","@id":"https:\/\/www.qam-web.com\/#organization","name":"WEB\u696d\u754c\u3067\u50cd\u304f\u4eba\u3084\u8208\u5473\u304c\u3042\u308b\u4eba\u306b\u5f79\u7acb\u3064\u60c5\u5831\u30b5\u30a4\u30c8\u201cqam\uff08\u30ab\u30e0\uff09\u201d","description":"WEB\u696d\u754c\u3067\u50cd\u304f\u4eba\u3084\u8208\u5473\u304c\u3042\u308b\u4eba\u306b\u5f79\u7acb\u3064\u60c5\u5831\u30b5\u30a4\u30c8\u201cqam\uff08\u30ab\u30e0\uff09\u201d","url":"https:\/\/www.qam-web.com\/"},{"@type":"Person","@id":"https:\/\/www.qam-web.com\/?author=101027#author","url":"https:\/\/www.qam-web.com\/?author=101027","name":"\u304b\u306a\u3067\u3093","image":{"@type":"ImageObject","@id":"https:\/\/www.qam-web.com\/?p=25677#authorImage","url":"https:\/\/secure.gravatar.com\/avatar\/9c9ad33a2a01fb7dad955462e6fb2eabb44d9587d196b516c58143150ec5399e?s=96&d=mm&r=g","width":96,"height":96,"caption":"\u304b\u306a\u3067\u3093"}},{"@type":"WebPage","@id":"https:\/\/www.qam-web.com\/?p=25677#webpage","url":"https:\/\/www.qam-web.com\/?p=25677","name":"CSS\u306eflex:1;\u3092\u89e3\u8aac\uff01\u4f7f\u3044\u65b9\u3084\u4ed5\u7d44\u307f\u3001width:50%;\u3068\u306e\u9055\u3044 - WEB\u696d\u754c\u3067\u50cd\u304f\u4eba\u3084\u8208\u5473\u304c\u3042\u308b\u4eba\u306b\u5f79\u7acb\u3064\u60c5\u5831\u30b5\u30a4\u30c8\u201cqam\uff08\u30ab\u30e0\uff09\u201d","description":"Flexbox\u3092\u4f7f\u3063\u3066\u8981\u7d20\u3092\u6a2a\u4e26\u3073\u306b\u3059\u308b\u3068\u304d\u3001\u5b50\u8981\u7d20\u306e\u5e45\u3092\u6bd4\u7387\u306b\u5fdc\u3058\u3066\u5206\u914d\u3059\u308b\u65b9\u6cd5\u306e\u4e00\u3064\u304c\u300cflex\u30d7\u30ed\u30d1\u30c6\u30a3","inLanguage":"ja","isPartOf":{"@id":"https:\/\/www.qam-web.com\/#website"},"breadcrumb":{"@id":"https:\/\/www.qam-web.com\/?p=25677#breadcrumblist"},"author":{"@id":"https:\/\/www.qam-web.com\/?author=101027#author"},"creator":{"@id":"https:\/\/www.qam-web.com\/?author=101027#author"},"image":{"@type":"ImageObject","url":"https:\/\/www.qam-web.com\/wp-content\/uploads\/2026\/09\/260916_\u30b5\u30e0\u30cd\u30a4\u30eb.png","@id":"https:\/\/www.qam-web.com\/?p=25677\/#mainImage","width":600,"height":400},"primaryImageOfPage":{"@id":"https:\/\/www.qam-web.com\/?p=25677#mainImage"},"datePublished":"2026-09-16T11:08:39+09:00","dateModified":"2026-09-16T11:08:39+09:00"},{"@type":"WebSite","@id":"https:\/\/www.qam-web.com\/#website","url":"https:\/\/www.qam-web.com\/","name":"WEB\u696d\u754c\u3067\u50cd\u304f\u4eba\u3084\u8208\u5473\u304c\u3042\u308b\u4eba\u306b\u5f79\u7acb\u3064\u60c5\u5831\u30b5\u30a4\u30c8\u201cqam\uff08\u30ab\u30e0\uff09\u201d","description":"WEB\u696d\u754c\u3067\u50cd\u304f\u4eba\u3084\u8208\u5473\u304c\u3042\u308b\u4eba\u306b\u5f79\u7acb\u3064\u60c5\u5831\u30b5\u30a4\u30c8\u201cqam\uff08\u30ab\u30e0\uff09\u201d","inLanguage":"ja","publisher":{"@id":"https:\/\/www.qam-web.com\/#organization"}}]},"og:locale":"ja_JP","og:site_name":"WEB\u696d\u754c\u3067\u50cd\u304f\u4eba\u3084\u8208\u5473\u304c\u3042\u308b\u4eba\u306b\u5f79\u7acb\u3064\u60c5\u5831\u30b5\u30a4\u30c8\u201cqam\uff08\u30ab\u30e0\uff09\u201d - WEB\u696d\u754c\u3067\u50cd\u304f\u4eba\u3084\u8208\u5473\u304c\u3042\u308b\u4eba\u306b\u5f79\u7acb\u3064\u60c5\u5831\u30b5\u30a4\u30c8\u201cqam\uff08\u30ab\u30e0\uff09\u201d","og:type":"article","og:title":"CSS\u306eflex:1;\u3092\u89e3\u8aac\uff01\u4f7f\u3044\u65b9\u3084\u4ed5\u7d44\u307f\u3001width:50%;\u3068\u306e\u9055\u3044 - WEB\u696d\u754c\u3067\u50cd\u304f\u4eba\u3084\u8208\u5473\u304c\u3042\u308b\u4eba\u306b\u5f79\u7acb\u3064\u60c5\u5831\u30b5\u30a4\u30c8\u201cqam\uff08\u30ab\u30e0\uff09\u201d","og:description":"Flexbox\u3092\u4f7f\u3063\u3066\u8981\u7d20\u3092\u6a2a\u4e26\u3073\u306b\u3059\u308b\u3068\u304d\u3001\u5b50\u8981\u7d20\u306e\u5e45\u3092\u6bd4\u7387\u306b\u5fdc\u3058\u3066\u5206\u914d\u3059\u308b\u65b9\u6cd5\u306e\u4e00\u3064\u304c\u300cflex\u30d7\u30ed\u30d1\u30c6\u30a3","og:url":"https:\/\/www.qam-web.com\/?p=25677","article:published_time":"2026-09-16T02:08:39+00:00","article:modified_time":"2026-09-16T02:08:39+00:00","twitter:card":"summary_large_image","twitter:title":"CSS\u306eflex:1;\u3092\u89e3\u8aac\uff01\u4f7f\u3044\u65b9\u3084\u4ed5\u7d44\u307f\u3001width:50%;\u3068\u306e\u9055\u3044 - WEB\u696d\u754c\u3067\u50cd\u304f\u4eba\u3084\u8208\u5473\u304c\u3042\u308b\u4eba\u306b\u5f79\u7acb\u3064\u60c5\u5831\u30b5\u30a4\u30c8\u201cqam\uff08\u30ab\u30e0\uff09\u201d","twitter:description":"Flexbox\u3092\u4f7f\u3063\u3066\u8981\u7d20\u3092\u6a2a\u4e26\u3073\u306b\u3059\u308b\u3068\u304d\u3001\u5b50\u8981\u7d20\u306e\u5e45\u3092\u6bd4\u7387\u306b\u5fdc\u3058\u3066\u5206\u914d\u3059\u308b\u65b9\u6cd5\u306e\u4e00\u3064\u304c\u300cflex\u30d7\u30ed\u30d1\u30c6\u30a3"},"aioseo_meta_data":{"post_id":"25677","title":null,"description":null,"keywords":null,"keyphrases":{"focus":{"keyphrase":"","score":0,"analysis":{"keyphraseInTitle":{"score":0,"maxScore":9,"error":1}}},"additional":[]},"focus_keyword":null,"additional_keywords":null,"truseo_locale":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"article","og_image_type":"default","og_image_custom_url":null,"og_image_custom_fields":null,"og_image_url":null,"og_image_width":null,"og_image_height":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"summary_large_image","twitter_image_type":"default","twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_image_url":null,"twitter_title":null,"twitter_description":null,"schema_type":"default","schema_type_options":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"BlogPosting","isEnabled":true},"graphs":[]},"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"limit_modified_date":false,"ai":{"faqs":[],"keyPoints":[],"schemas":[],"titles":[],"descriptions":[],"socialPosts":{"email":{"subject":"","preview":"","content":""},"linkedin":[],"twitter":[],"facebook":[],"instagram":[]}},"breadcrumb_settings":null,"seo_analyzer_scan_date":null,"created":"2026-09-11 09:12:02","updated":"2026-09-16 02:08:40"},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/www.qam-web.com\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/www.qam-web.com\/?cat=12\" title=\"\u30de\u30fc\u30af\u30a2\u30c3\u30d7\">\u30de\u30fc\u30af\u30a2\u30c3\u30d7<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/www.qam-web.com\/?cat=266\" title=\"CSS\">CSS<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tCSS\u306eflex:1;\u3092\u89e3\u8aac\uff01\u4f7f\u3044\u65b9\u3084\u4ed5\u7d44\u307f\u3001width:50%;\u3068\u306e\u9055\u3044\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/www.qam-web.com"},{"label":"\u30de\u30fc\u30af\u30a2\u30c3\u30d7","link":"https:\/\/www.qam-web.com\/?cat=12"},{"label":"CSS","link":"https:\/\/www.qam-web.com\/?cat=266"},{"label":"CSS\u306eflex:1;\u3092\u89e3\u8aac\uff01\u4f7f\u3044\u65b9\u3084\u4ed5\u7d44\u307f\u3001width:50%;\u3068\u306e\u9055\u3044","link":"https:\/\/www.qam-web.com\/?p=25677"}],"_links":{"self":[{"href":"https:\/\/www.qam-web.com\/index.php?rest_route=\/wp\/v2\/posts\/25677","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.qam-web.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.qam-web.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.qam-web.com\/index.php?rest_route=\/wp\/v2\/users\/101027"}],"replies":[{"embeddable":true,"href":"https:\/\/www.qam-web.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=25677"}],"version-history":[{"count":46,"href":"https:\/\/www.qam-web.com\/index.php?rest_route=\/wp\/v2\/posts\/25677\/revisions"}],"predecessor-version":[{"id":25738,"href":"https:\/\/www.qam-web.com\/index.php?rest_route=\/wp\/v2\/posts\/25677\/revisions\/25738"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.qam-web.com\/index.php?rest_route=\/wp\/v2\/media\/25740"}],"wp:attachment":[{"href":"https:\/\/www.qam-web.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=25677"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.qam-web.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=25677"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.qam-web.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=25677"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}