设置不同高度的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;
}

Answer 2

您的代码只设置左右边框的宽度，这在您的情况下不起作用。最好的方法是使用图像并将其放在背景中，而不重复。

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