Комплект div с разной высотой?

Я хотел бы знать, как установить разную высоту в div и сделать ее отзывчивой. Я хотел бы иметь div с установленным значением 100%, но левая сторона div должна иметь высоту 100 пикселей, а правая часть того же div должна иметь 120 пикселей в высоту. Когда вы масштабируете браузер, разная высота должна оставаться даже на мобильных телефонах. Да, там будет содержание в нем ..Комплект 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

Возможно использовать изображение, чтобы отделить два дивы? –

Используйте изображение как разделитель - это даст иллюзию разной высоты, но то, что вы запрашиваете, невозможно, поскольку div имеет только высоту/ширину - они прямоугольные/квадратные - не трапеции или другие 4-сторонние формы ... –

Да. Я магаю два divs, а div внизу - фоновый рисунок. В моем мире я думал, что CSS в наши дни может сделать это легко ... Спасибо за помощь! :) –

Ваш код просто устанавливает ширину левой и правой границы, что не работает в вашем случае. Лучший способ - использовать изображение и поместить его в фоновом режиме без повторения.

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

источник

2014-01-10 17:18:20

Yepp .. Я буду придерживаться образа. В моем современном мире я думал, что CSS может исправить такую легкую вещь .. :) Спасибо за помощь! –

ДИВ имеет форму квадрата или прямоугольника, не другой, так что гораздо лучше, чтобы сделать изображение для фона, а затем использовать его как

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

источник

2014-01-10 18:58:32 taha027

Комплект div с разной высотой?

ответ

Смежные вопросы