css - 一方が他方の下に落ちたときに div タグをコンテンツに展開する方法

Question

現在、CSS レイアウトを作成しており、メイン コンテンツに div が並んでいます。ページのサイズが変更されると、一方が他方の下に落ちます。これが発生した場合、トップ div が親 div の幅を占有するようにします

#MainWrapper #Content {
float: left;
background-color:#E4E4E4;
width:100%;
max-width:1180px;
clear:left;
font-family: Bebas;
}
#Welcometext {
max-width: 500px;
min-width: 100%;
background-color:#399;
display:inline-block;
}
#Slideshow {
width: 100px;
background-color:#C96;
min-width: 200px;
display:inline-block;
} 

Answer 1

前回のコメントから、@ メディア クエリを調べたいと思われます。

ウィンドウの幅が指定した幅を下回ったときに、特定のプロパティを変更するように指示できます。

  @media (max-width: 600px) {
    #Welcometext{
    Properties specific to to a screen size under 600px;
    }
  }

CSS メディア クエリ