容器的背景圖像應該適合導航器寬度,但內容應該具有800px的最大寬度。因此,當我縮小時,內容不會以醜陋的形式沿導航器的寬度傳播。將容器安裝到導航器寬度,但限制內容寬度
我想知道如果這是可能的只是我目前的HTML代碼,我不想在我的HTML中添加另一個標籤。
這是我的代碼:
.container{
display:flex;
flex-wrap:no-wrap;
background-image: /* some huge image */
}
.container div{
flex:1;
}
<div class="container">
<div>
<h1>Section 1</h1>
<p>Some text</p>
</div>
<div>
<h1>Section 2</h1>
<p>Some text</p>
</div>
<div>
<h1>Section 3</h1>
<p>Some text</p>
</div> \t
</div>
這裏是一個CODEPEN一些化妝品
這個問題不清楚和混亂。 –
@Michael_B我剛剛編輯我的問題,使其更清楚。 – GhostOrder
@GhostOrder你可以做一個粗略的草圖,它應該如何,與導航器寬度混淆很少 –