divを排除しながら、その要素を保持しながら

を除去します。ビューポートに基づいてHTMLを繰り返して隠す要素は、ディスプレイの使用です：contents; 。このような状況で理想的です。それは、要素の子供がその親の直接の子供として現れ、要素自体を無視します。これは、CSSグリッドまたはラッパー要素を無視する必要がある他のレイアウト手法を使用する場合に価値があります。

コンテンツ2

。container { ディスプレイ：Flex; } 。1つ { 表示：内容; } 。1つのp：first-child { 注文：2; }

この例では、「1つの」divは、「コンテナ」divの直接の子供として子供を表示するように設定されています。 Orderプロパティは、モバイルデバイスで「1つの」Div内の段落を再配置するために使用されます。。