css - 设置不同高度的div？

Question

我想知道如何为 div 设置不同的高度并使其响应。我想将 div 设置为 100%，但 div 的左侧应具有 100px 的高度，而同一 div 的右侧应具有 120px 的高度。当您缩小浏览器时，即使在手机上也应保持不同的高度。是的，里面会有内容..

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

我的尝试没有用，是的，我已经用谷歌搜索了，但没有任何运气。

Answer 1

div 的形状不是其他的正方形或矩形，所以最好制作一个图像作为背景，然后像这样使用它

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