設置不同高度的div？

我想知道如何爲div設置不同的高度並使其響應。我希望將div設置爲100％，但div的左側應該具有100px的高度，並且同一div的右側應該具有120px的高度。當您縮小瀏覽器時，即使在手機上也應保持不同的高度。是的，會出現在它裏面的內容..設置不同高度的div？

How I would like it to look like

#myDiv { 
    width: 100%; 
    height: 100px; 
    background-color: #ffffff; 
    border-left: 200px solid blue; 
    border-right: 100px solid blue; 
    border-bottom: 10px solid green; 
    }

我嘗試不工作，是的，我已經沒有任何運氣一派。

來源

2014-01-10 Johan Ndiyo Linnarsson

也許使用圖像分開的兩個DIVS？ –

使用圖像作爲分隔符 - 這將給出不同高度的錯覺，但是您所請求的是不可能的，因爲div只有高/寬 - 它們是矩形/正方形 - 不是梯形或其他4邊形狀... –

是。我mage兩個divs和div下有一個圖像背景。在我的世界中，我認爲CSS現在可以輕鬆地做到這一點...感謝您的幫助！ :) –

你的代碼只是設置了左右邊框的寬度，這在你的情況下不起作用。最好的方法是使用圖像並將其放在背景中，而不必重複。

.bgDiv {background: url("bg.png") center bottom no-repeat;}

來源

2014-01-10 17:18:20

Yepp ..我會堅持圖片..在我的現代世界中，我認爲CSS可以修復這樣簡單的事情.. :)感謝您的幫助！ –

的div有正方形或不是其他矩形的形狀，從而它是好得多使圖像爲背景，然後用它像

#background 
{ 
background-image:url('image.png'); 
background-repeat:no-repeat; 
}

來源

2014-01-10 18:58:32 taha027

設置不同高度的div？

回答

相關問題