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

回答

相关问题