CSS DIV поплавка - сверху Buttom и слева направо

как я могу поставить Div от верха до Buttom и слева направоCSS DIV поплавка - сверху Buttom и слева направо

пример:http://jsfiddle.net/ZWxGW/2/

http://jsfiddle.net/ZWxGW/2/ enter image description here

РЕШЕНИЕ http://jsfiddle.net/pMbtk/33/

источник

2012-02-06 user970727

делает л Eft вправо, а затем сверху вниз тренировки для вас ?? –

нет:/... мне нужен заказ сверху донизу – user970727

Вы можете использовать column-count свойство для этого типа функции:

Проверьте мои предыдущие ответы на этот

I want to show list items as 2 or more columns (dynamic alignment)

источник

2012-02-06 12:10:04 sandeep

my contentDiv имеет заданную высоту, а сообщение имеет динамическую высоту (иногда только одно слово ... иногда текст с 10 словами). EDIT: хорошо, это работает. Реальное приятное решение! благодаря! http://jsfiddle.net/pMbtk/33/ – user970727

Рад помочь :) – sandeep

-2

Я попробовал это в вашем примере:

.message { 

width:90px; 
margin:3px; 
background-color:#dfdfdf; 
position:absolute; 

}

и это помогает.

Удачи!

источник

2012-02-06 12:05:53 ParPar

это не работает –

-1

Удалить высоту из содержимогоDiv и поставить float:left;, чтобы он обертывал ваш контент.

http://jsfiddle.net/ZWxGW/5/

источник

2012-02-06 12:06:33 Gurvinder

Это просто не то, что он просил, не так ли? – Jasper

высота важна (не могу ее изменить), и когда я добавляю поплавок: оставленный порядок (сверху вниз) неверен. – user970727

Требуется уточнение. – Gurvinder

.message { 

width:90px; 
margin:3px; 
background-color:#dfdfdf; 
float : left; 
}

Попробуйте, если слева направо и сверху вниз работает для вас.

источник

2012-02-06 12:08:43

1) В этом случае вы должны принять колонки DIV (красным цветом на изображении), и вам нужно поставить другие divs 1,2,3,4 внутри этого div ... как на изображении
arrangement дать belo w свойства div.

.message, .outer_div {
float: слева;
высота: авто;
ширина: 200px;
}

2) в другом случае,
если вы хотите, слева направо, сверху вниз, то вам не нужно иметь внешний DIV ... указано в красном цвете

источник

2012-02-06 12:14:50 Patriks

вы можете попробовать это ...

ul { 
    width:60px; height: 60px; 
} 

ul li{ 
    float:left; 
    width:20px; 
    list-style:none; 
} 
ul, ul li { 
    -moz-transform: rotate(-90deg) scaleX(-1); 
    -o-transform: rotate(-90deg) scaleX(-1); 
    -webkit-transform: rotate(-90deg) scaleX(-1); 
    -ms-transform: rotate(-90deg) scaleX(-1); 
    transform: rotate(-90deg) scaleX(-1); 
    /* IE8+ - must be on one line, unfortunately */ 
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-3.061616997868383e-16, M12=1, M21=1, M22=3.061616997868383e-16, SizingMethod='auto expand')"; 

    /* IE6 and 7 */ 
    filter: progid:DXImageTransform.Microsoft.Matrix(
      M11=-3.061616997868383e-16, 
      M12=1, 
      M21=1, 
      M22=3.061616997868383e-16, 
      SizingMethod='auto expand'); 
}

непроверенных в IE http://jsfiddle.net/rlemon/Y5ZvA/3/

источник

2012-04-05 04:12:47 rlemon

CSS DIV поплавка - сверху Buttom и слева направо

ответ

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